Cara Membuat Efek Hover Keren Pada Suatu Link Yang Diinginkan

Hay sobat, balik lagi pada saya di Nabil02, Kali ini Nabil02 akan share tentang bagaimana Cara Membuat Efek Hover Keren Pada Suatu Link Yang Diinginkan. Kalian pasti ingin kan ?? hehehe, soalnya Nabil02 juga dapet aja efek nya, dulu efek nya masih jadul.. hahah :D Jika mau, bayar dulu (wani piro) hehe udah ahh dari tadi haha, hehe, haha melulu :) langsung aja yukk ..

View Demo

Ikuti Langkah Langkahnya ya:

• Buka/Login di BLOGGER anda masing masing.
• Klik menu Dropdown --> Template --> Edit Template.
• Cari kode ]]></b:skin> (CTRL+F).
• Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

#lista {margin-top:3px;padding:3px;}
#lista li {border-bottom:1px dotted grey;-webkit-transition: all 1000ms;-moz-transition: all 1000ms;-o-transition: all 1000ms;transition: all 1000ms;}
#lista li:hover {background:orange;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#lista li a {display:block;}
#lista li a:hover {color:#fff;text-decoration:none;}

• Simpan Template.
• Kemudian Buka Tata Letak --> Add Gadget/Tambahkan Gadget --> HTML/JavaScript.
• Letakan kode  <div id="lista"> tepat diatas kode kode link 
• Lihat gambarnya.

• Jika sudah, Simpan.

SEMOGA BERMANFAAT DAN SUKSES SELALU *SALAM BLOGGER

Ditulis oleh Unknown, - Rating: 4.5

Judul : Cara Membuat Efek Hover Keren Pada Suatu Link Yang Diinginkan
Deskripsi : Hay sobat, balik lagi pada saya di Nabil02, Kali ini Nabil02 akan share tentang bagaimana Cara Membuat Efek Hover Keren Pada Suatu Link Ya...

Bagikan ke

Facebook Google+ Twitter