Tuesday 3 December 2013

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!
image image image image image 
image image image image image 
image image image image image 
image image image image image 
image image image image image 
image image image image image 

3 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.