Cara Membuat Bullet Dengan A:Hover

Membuat Tanda Ceklit pada bullet list 

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/AVvXsEicdu0Ca7ZuOFsQ24WtBs3rCjPX6S8vhNdg-jnIAbsSKBKVMsjspkGsNQtVcZcT45QR9_DhoLpy8K3cJEdLLRre-Ey0DYX0vEMoTUaZsjnuvX-ejT-cDc-C_JVI7XA0T3EfCuV4dKqoRQo/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/AVvXsEjH2RcVt8JCibAiJtmUc1dD2rEJ4tCNjTqn3tXff5MsTj8HBZkObd88dth5ZQc3UF2LHUdqY1DkLEh-NFNT1276aS74GnoG7tMvPMPIf5C52HbX2bvx68S_FJr9Sn1JMAq73EzqunXlVP8/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


Related Post:


Facebook Comments
7 Blogger Comments


7 comments

Anonymous
January 5, 2013 at 7:00 AM delete

oke bang saya ingin terapkan diblog saya..
sama mau tanya share dong cara biar template Valid HTML5 ?

January 5, 2013 at 7:03 AM delete

@bocah poris : oke sob, nanti kalau ada waktu saya share caranya

January 5, 2013 at 10:52 AM delete

oke ..

January 5, 2013 at 5:22 PM delete

nice info ya gan..!!

January 6, 2013 at 5:56 AM delete

@sohibul : seep

January 18, 2013 at 1:39 PM delete

thanks atas infonya bro oh ya bro jangan lupa follback yaw udeh ane follow tuh www.naufalthedarkness.blogspot.com

January 18, 2013 at 5:40 PM delete

@naufal ; ok bro

Post a Comment - Back to Content

Poskan Komentar
Blog Ini Doffolow
Tolong Berkomentar Yang sopan
Rank Alexa : 180rb +
[+] D-G RULE[+]
- Jangan Spam
- Berbicara Sopan
- Kalau bisa jangan Out Of Topic
- Promosi Jangan Berlebihan
Silakan Berkomentar


Like Fanspage D-G Blog

 
Selamat Datang Di D-G Blog, Kini Hadir Dengan Tampilan Baru. Silakan Dibaca Dan Sedot Ilmunya Serta Silakan Tinggal Comment Di Blog Ini.Terima Kasih.FOLLOW THIS BLOGVALID HTML5