[Tutorial] Mengubah Bullet menjadi Kawaii Icon

November 14, 2015





Wew, sudah lam gak posting tutorial. Well, sebenarnya pingin posting tutorial untuk 'selain blog' tapi... nanti aja, deh, hehehe...

Oke, tutorial hari ini adalah Mengubah Bullet Menjadi Kawaii Icon yang baru aja aku praktekin/Aisha ketinggalan zaman.

Tutorial ini bisa dibilang cukup mudah, atau mungkin GAMPANG ya. So, what are you waiting for? Yuk, klik Read More!



Well, kalau ngomongin Bullet pasti kalian semua, espsecially blogger pasti tau dong apa itu Bullet? Ya, kan? Ya dong!*Maksa*

As you know, Bullet itu berbentuk bulat (Bullet = Bulat. Hampir mirip yah?*Avaikan sajah*). Tapi kok, kita liat di beberapa blog, Bullet-nya bukan bulat melainkan Icon yang lucu dan imut dan kyeopta dan.. *Stop please!*

Oke, pertanyaannya, gimana caranya memasang Bullet yang icon-nya kawaii alias imut begitu? I tell you how then!

Preview-nya begini ya :
  • Anyeong, ini bullet-ku ^^
Nah, berikut tutorialnya :
  • Log In ke blogger.com
  • Masuk ke Dashboard blogmu >> Template.
  • Edit HTML.
  • Cari kode di bawah ini. Supaya mudah, gunakan CTRL + F atau F3.
For Denim/Simple Template :
 /* Header
For Blogskins/Classic Template :
</style>

  • Sudah ketemu? Great! Sekarang Copy-Paste kode berikut DIATAS kode yang kalian cari tadi : 
li {
list-style-image:url(url kawaii icon 1)
}
li:hover {
list-style-image:url(url kawaii icon 2)
}
  • Biru = URL Icon sebelum di hover. Merah = URL Icon setelah di hover.
  • Preview, kemudian Save.
Oke, setelah kalian melakukan langkah-langkah diatas, Bullet kalian secara otomatis akan berubah menjadi Kawaii Icon. Selamat mencoba dan semoga berhasil ^^ Jika ada yang ingin ditanyakan, silahkan komentar di bawah.

Credit : Esa

You Might Also Like

0 comment[s]