Membuat widget animasi Bullet hover Blogger

  Membuat widget animasi bullet hover Blogger - Halo, sobat blogger! Posting kali ini, saya akan membahas tentang memodifikasi Bullet dari blogger. Pada awalnya, bullet asli blogger berbentuk titik hitam. Dan Agan pun bisa coba menggunakan bullet, dengan mengeklik Bullet list (Di wilayah membuat entri baru).

  Karna menurut saya tampilan bullet list dari blogspot kurang menarik, akhirnya saya menemukan cara untuk memodifikasi bullet list ini. Hasil nantinya akan seperti ini :

• Login Blogspot
• Edit HTML >> Gunakan CTRL dan F.
• Cari tag ]]></b:skin>
• Copas kode dibawah, lalu letakkan diatasnya.

.post ul {list-style:none;

}

.post ul li {

    line-height: 1.0em;

        background: transparent url(http://i1269.photobucket.com/albums/jj591/aditya9172/w2b_bloggerbullet.png) no-repeat scroll -4px 0px;

    margin: 1.0em 0;

    padding: 0 0 1.0em 28px;

}

.post ul li:hover {

        background: transparent url(http://i1269.photobucket.com/albums/jj591/aditya9172/w2b_bloggerbullet2.png) no-repeat scroll -2px 0px;

}

• Save your template.