Join this site

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/AVvXsEgSjqYzXskAWBw-FYmANWtodFGoyhyphenhyphenIgsOstvxj4WzQ_GHp2ZcoEsHy-cHRgvQoB5bVakRdnDQBf3Ss6_PG7S1mBmduai85YivLVTRuKuMBr2jZFmEHod1PaTJ8gXbShmuRbChEUqHuebo/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/AVvXsEigiDqBZAiGH-_GUDGGqeDCU887vtlL9aIElaR9sX_7PNLjo1d-RnCzPpc-yHlnQadg6lmqqcjw8zPHCIRvu3P92CgLtlw4cNj4Bwlebij9JAwUBiUkXNYm5aaMAhnU81XPYWjMOwdhMXE/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
Sumber : D-G Blog

Posting Komentar - Back to Content

[D-S] COMMENTS RULE :

-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-BILA ANDA INGIN MENDAPATAKAN INFO DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN
-FOLLOW THIS BLOG I WILL FOLLOWBACK !!

 
Thanks For Visiting Gunakanlah Google Chrome Untuk Tampilan Sempurna