Cara resize text pada link

Posted on

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 ]]></b:skin> pada ruang Find dan seterusnya, tekan Enter.

Langkah 3

Salin kod biru dibwah dan pastekan kod tersebut diatas atau sebelum kod ]]></b:skin>

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;
}
]]></b:skin>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save.

21 thoughts on “Cara resize text pada link

  1. hmm yang page view counter kat setiap entri eh bro? hmm btw,kalau yang tu,sebenarnye dah tak ingat cmne dah pasang..sbb main letak kat dlm html tu.. xtahu cmne nak buang. =(

Leave a Reply

Your email address will not be published. Required fields are marked *