Text Link Disorot Membesar

Karena sedang belajar buat blog, saya sering utak-atik template blog. Tentunya yang saya utak-atik ya..template blog saya sendiri biar nyaman dilihat dan enak dibaca, Cuman apakah SEO friendly atau tidak, bukan jadi soal, tapi mudah-mudahan SEO friendly. Yang penting adalah informatif. Baiklah saya kali ini akan mengisahkan bagaimana cara membuat text yang ada linknya, seperti judul post, label, recent post, dan text-link yang hurufnya kecil-kecil tiba-tiba begitu disorot kursor text-nya menjadi besar. Caranya seperti berikut.

1. Login Blogger
2. Pilih Layout
3. Pilih Edit Html
4. Centang Expand Template widget, ingat jangan lupa Download template dulu sebelum dirubah.

     Setelah itu cari kode berikut :  

a:hover { text-decoration: underline; color: $(link.hover.color);

     Supaya mudah mencarinya tekan Ctrl+F pada keyboard anda, copy pastekan a:hover pada kolom pencarian, pasti ketemu.
Setelah ketemu, sisipkan kode berikut,

font-size : 150%:

Sehingga menjadi seperti ini,

a:hover { text-decoration: underline; font-size: 150%; color: $(link.hover.color);

Sudah tuh jadi, Save Template dan lihat hasilnya seperti di blog saya ini, begitu anda gerakan cursor ke judul postingan, text-nya menjadi besar khan.


                                           ------------ Semoga Bermanfaat --------------