Cara Membuat Bullet Dengan A:Hover

 

Sebenarnya D-G Blog kurang tahu harus memberi judul apa untuk post ini, cara membuat bullet dengan A:hover, itulah yang akan D-G Blog share kali ini. Sebenarnya ini efeknya hanya untuk membuat bullet anda menjadi lebih rapi dan lebih indah dipandang saja namun efeknya luar biasa, saya pun merasa trick ini benar benar mantap.

Kalau bullet anda bentuknya seperti ini

 

Pastinya tidak menarik bukan, kalau sudah menggunakan trick ini bentuknya akan seperti ini

• Microsoft Word
• Microsoft Excel 
• Microsoft PowerPoint
• Microsoft Publisher
• Microsoft Access  

Menarik bukan,ingin tahu cara membuatnya langsung saja
1. Masuk www.blogger.com
2. Masuk ke template
3. Edit HTML , Expand Template Widget
4. Cari kode ]]></b:skin>

.post-body ul li,.post-footer ul li{border-bottom:1px solid #ccc;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDwj5bLZl5IE0vQz3bqzRY5Ml1x-LZm1cR8VJ_WvpFcOLOHnfvR1NjuQEONFdX3Ftx5GJvqCIrn-7W-vpoho7fYGaL1I7GP_Te3a5Qic_42Lfpb1YentcP3YOUVmuvbuaTUdNn3Ya8Lc/s12/uncheck.gif);padding:.2em 0 .2em .5em}.post-body ul li:hover,.post-footer ul li:hover{background-color:#f2f2f2;color:#3B5998;cursor:pointer;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGGH_htaGMYqoQ3kddvxIcGEUYclQyU4kbGOXrSaocDJWR79PycuWAbfTrX7JScmX-sqfdfWsrSXtik8jabXFTROJZqy7H_t4g7uZ17LIzJQ8e1jNbnvlU1E6oLfquPZPKgHngeV9rhmI/s12/check.gif)}  

5. Letakan kode tersebut tepat diatasnya.
Tips bagi yang sudah mencoba jika tidak bisa adalah kalian harus perhatikan pasti kode yang seperti itu ada lebih dari 1 di blog kalian karena setiap template sudah memiliki mode bullet masing masing, jadi jika tidak bisa cukup cari kode yang mirip dengan itu dan hapus saja yang itu dan pasang yang ini.
6. Simpan dan selesai

Sekian tips singkat dari D-G Blog
Semoga bermanfaat
Terima kasih