1News Online:
Home » » Tutotial Blog - Cara resize text pada link

Tutotial Blog - Cara resize text pada link

Wednesday, October 31, 2012 | 3:18 AM

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.
Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger