Cara resize text pada link

Cara resize text pada link

Ditulis oleh: Nescafe ais | 

Jika anda letakkan kursor mouse pada active link, contohnya pada tajuk post ini, teks pada tajuk tersebut berubah saiznya. Efek ini sebenarnya sangat mudah untuk di buat kerana anda hanya perlu membuat sedikit ubahsuai pada script template yang sedang anda gunakan. Anda hanya berlu mengubah di bahagian CSS dengan mencari kod a:hover { dan edit pada bahagian font size.

Satu cara lagi yang paling mudah ialah dengan mengikut beberapa langkah dibawah.

Langkah 1

Log n blog => Dashboard => Layout => Edit HTML

Langkah 2

Dengan menggunakan keyboard tekan kekunci CTRL dan F secara serentak. Bar Find akan muncul. Seterusnya taip atau paste kod ]]> pada ruang Find dan seterusnya, tekan Enter.

Langkah 3

Salin kod biru dibwah dan pastekan kod tersebut diatas atau sebelum kod]]>

Anda boleh edit angka 18 jika efek pada text menjadi terlebih besarnya. bold juga boleh ditukar kepada normal.

a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}


Contoh:

a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
]]>