Pada kesempatan kali ini saya akan berbagi tutorial tentang cara memberi efek hover pada judul postingan blog supaya terlihat lebih menarik. Efek hover ini akan muncul pada setiap judul postingan yang sobat postingan. Ini salah satu aksesories blog dengan pemberian berbagai macam warna pada judul blog. Efek ini bekerja saat kursor menyentuh judul blog (tanpa di klik) ketika berada di homepage.

Seperti apa efek yang ditimbulkan jika memberi efek hover pada judul postingan blog?

Efek yang ditimbulkan setelah menerapkan tutorial ini pada blog anda adalah munculnya warna warni pada link judul blog yang berada di halaman utama atau homepage saat judul tersentuh dengan kursor. Hal ini tentunya akan terlihat sangat menarik. Untuk itu sobat perlu mencobanya. Bisa saja dengan mencoba tutorial ini pengunjung blog sobat menjadi ramai sehingga akan menaikan trafik blog dan peringkat pada alexa semakin ramping. Berikut cara melakukanya, silahkan simak baik-baik.

Memberi Efek Hover Cantik Pada Judul Postingan Blog

1. Login ke blogger sobat.
2. Pada bagian kiri pilih menu Tema, kemudian sebelah klik Panah Kecil, dan Edit Html.

3. Cari kode </head> untuk mempermudah mencari gunakan Ctrl+F.
4. Jika sudah ketemu copy kode berikut dan pastekan diatas kode </head>.

<style type='text/css'> /* more info: http://gividia.blogspot.com/  */h3{font-family:veranda !important; font-style:italic !important}
.post h3{color:#666; border-left:10px solid #666; border-right:10px solid #666; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; -moz-box-shadow:0px 0px 13px #666}
.post h3:hover{color:#FF133F; border-left:10px solid #FF133F; border-right:10px solid #FF133F; box-shadow:0px 0px 13px #FF133F; -webkit-box-shadow:0px 0px 13px #FF133F; -moz-box-shadow:0px 0px 13px#FF133F}
</style> /* more info: http://gividia.blogspot.com */

5. Terakhir Simpan Template dengan menekan icon Save.


Sekarang lihat hasilnya, kalau berhasil tentunya judul blog pada homepage akan bewarna warni saat disentuh kursor dan membuat blog sobat menjadi lebih menarik dengan adanya efek hover pada judul postingan.

Jika ingin mengganti warna hover lebih bagus lagi tinggal ganti kode yang warna merah, kreasikan warna sobat disana dengan mencoba semua warna mana yang dirasa lebih bagus untuk digunakan. Demikian tutorial tentang cara memberi efek hover cantik pada judul postingan blog.