Saturday, June 20, 2015

Ubah Bullet Icon Menjadi Kawaii Icon

Hai, Gifta baru mendarat dan parkir di postingan ubah bullet menjadi kawaii icon. Hehe... Istilahnya aneh ya? Wkwkwk... Lagi kumat lebaynya! Kalian yang pengen tau tutorialnya, read more yaaa

Ada 2 macam, nih! 
1. Tanpa perubahan setelah di hover 
2. Dengan perubahan setelah di hover

1. Tanpa perubahan setelah di hover

  • Blogger > Template > Edit HTML
  • Cari kode /* Header
  • Copy kode ini:
li {
list-style-image:url(url icon);
}
  • Paste DI ATAS kode yang sudah dicari tadi
2. Dengan perubahan setelah di hover
  • Blogger > Template > Edit HTML
  • Cari kode /* Header
  • Copy kode ini:
li {
list-style-image:url(url icon sebelum kamu hover);
}
li:hover {
list-style-image:url(url icon setelah kamu hover);
}
  •  Paste DI ATAS kode yang sudah dicari tadi

Selesai! Gampang gak? Yang warna biru itu url iconnya ya


No comments

Post a Comment