Bullet List Icon Hover

   Assalamu'alaikum!
Tutorial ini direquest oleh Mufida. Maksud tuto ini, mengganti bullet list yang biasa menjadi sebuah ikon sekaligus kalau bullet itu dihover akan berubah menjadi gambar bullet yang lain, seperti di blog ku ini :) Steps ini khusus untuk classic template!

• Dashboard > Template
• Cari kode </style>
• Jika ketemu, paste kan kode ini tepat di atas </style>

li { list-style-image:url(Url Bullet 1);
}
li:hover {
list-style-image:
url(Url Bullet 2);
}

• Ganti kode berwarna fuchsia dengan url gambar bullet sebelum dihover, 
• Ganti pula kode berwarna merah dengan url gambar bullet setelah dihover.
• Sudah? silahkan dipreview dulu. Kalau tidak ada error, bisa disimpan.

Aku punya koleksi bullet list nih, boleh diambil. Kalau ingin di re-freebies silahkan, tapi sertakan link blog ku!

     

     

     

     

     

     

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest