Tips artikel Anekajaya untuk merubah bullet di atas menjadi bullet dengan efek yang bisa berubah pada saat bullet tersebut tersentuh oleh pointer mouse bisa anda simak pada penjelasan berikut.
1. Login ke Blogger
2. Pada menu Dashboard, pilih Template » Edit HTML
3. Copy kode di bawah dan pastekan tepat di atas tag ]]></b:skin>
.post ul {list-style:none;}
.post ul li {line-height: 1.1em; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2MPwx3VlwCAQPsdi15Gk1e9_lITYG_Is17nVXM-rhkkIs-RfTqNlMFK9rbPqyKNpkgbWpZYxmrkH7JUscUFcjwX1iWbQdW8FncybZfUxBFQYa_n-uQ2Gr8xlql44ZunqW5mX0lDDcxyQ/s1600/uncheck.gif) no-repeat scroll 0px 4px;padding: 0 0 0.8em 20px;}
.post ul li:hover {background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbloLar1OaOIxvCOH4bM7ra4J01wWnLTNCPvomu-y43CQOH_FsJ4-2NEIf9E1aMoqs7pXXsTXr1XpjRnBiDnqtrHSE8O8J259dcvlb1FFzXJzR5RPzIxOh36gblO5Ct-MRpAPKvUwQ7uw/s1600/check.gif) no-repeat scroll 0px 4px;}
- Keterangan :
URL warna Merah adalah url gambar bullet pada saat bullet tidak tersentuh pointer mouse
URL warna Biru adalah url gambar bullet pada saat bullet tersentuh pointer mouse
Sekian dulu Artikel Aneka Jaya tentang Cara Mengganti Bullet List Pada Postingan Jadi keren
Tidak ada komentar:
Posting Komentar