/* head news*/ /* batas akhir head news*/
/*-------headline news--------*/
/*-------batas akhir headline news--------*/

Minggu, 07 April 2013

Cara Mengganti Bullet List Pada Postingan Jadi keren

Cara Mengganti Bullet List Pada Postingan Jadi keren, Cara Mengganti Bullet List Pada Postingan Agar Lebih Menarik, Merubah Bullet List beda bentuk ketika Mouse menyentuh dan lebih cantik juga indah dong. Bullet list bagaikan perhiasan emas.

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
4. Simpan Template dan lihat hasilnya

Sekian dulu Artikel Aneka Jaya tentang Cara Mengganti Bullet List Pada Postingan Jadi keren

Tidak ada komentar:

Posting Komentar