Cara Membuat Link Membesar pada Blog Saat Terkena Cursor

IKLAN 1

Ya postingan saat ini untuk mempercantik blog anda biar lebih greget aja gitu, kita akan buat dimana ketika lingk yang anda lewati dengan cursor akan membesar (zoom). Caranya mudah silahkan langsung dicek saja.

• Silahkan anda login ke akun blogger anda dulu.
• Kalau sudah langsung pilih Template (buatlah backup dulu dari template anda jika terjadi error nanti bisa pakai template ini lagi), lalu pilih Edit HTML.
• Tekan Ctrl+F lalu ketik kode a:hover { , umumnya kodenya seperti ini tapi biasanya kode tiap blog beda-beda, jika di blog anda berbeda cari saja yang mirip-mirip dengan kode di atas lalu enter. Kalau ketemu nanti kodenya seperti dibawah.

a:hover {

color:#325C1C;

text-decoration:underline;

text-shadow:5px 5px 5px #000;

}

• Kalau sudah ketemu lalu tambahkan kode berikut font-size:18px; pada baris terakhir, sebelum }, maka kodenya akan terlihat seperti berikut.

a:hover {
color:#325C1C;
text-decoration:underline;
text-shadow:5px 5px 5px #000;
font-size:18px;
}

• Catatan:

1. 18px adalah ukuran font pada saat membesar atau saat pointer mengenai bagian link (dalam satuan pixel, ganti dan sesuaikan dengan keinginan anda.
2. Kalau font-size: sudah ada di template blog anda maka anda cukup mengganti angkanya saja.

• Dan terakhir tinggal simpan dan cek.

IKLAN 2