Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren
February 25, 2018
Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren di Sidebar.
SEBELUMNYA CB sudah berbagi kode mempecantik widget label. Ada yang label efek dan label warna-warni.
Kali ini CB berbagi kode CSS untuk modifiksi tampilan label di sidebar atau footer blog berupa kotak dua kolom, seperti gambar berikut ini:
Bagus 'kan? Simple tapi Keren! Nama-nama Label jadi tampak rapi dan profesional.
1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>
3. Save!
4. Pasang Widget Labelnya: Add a Gadget > pilih Label
5. Klik "List" seperti dalam gambar ini:
Save!
Demikian Cara Menampilkan Daftar Label Blog Dua Kolom Responsive. Good Luck & Happy Blogging! (www.contohblog.com).*
SEBELUMNYA CB sudah berbagi kode mempecantik widget label. Ada yang label efek dan label warna-warni.
Kali ini CB berbagi kode CSS untuk modifiksi tampilan label di sidebar atau footer blog berupa kotak dua kolom, seperti gambar berikut ini:
Bagus 'kan? Simple tapi Keren! Nama-nama Label jadi tampak rapi dan profesional.
Cara Menampilkan Daftar Label Blog Dua Kolom Responsive
Ini Cara Menampilkan Daftar Label Blog Dua Kolom Responsive seperti gambar di atas.1. Tema > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>
.Label {display: block;width: 100%;background: #fff;margin: 0 auto;padding:10px 0;}
.Label a:link,.Label a:visited {color:#2b2b2b}
.Label .widget-content { padding: 5px 0; margin: 0;}
.Label ul {list-style-type: none;margin: 0 0px;padding: 0; }
.Label ul li {float: left;width: 42.5%;margin: 0 7px 5px 0;color:#616060;text-decoration: none;padding: 6px;display: block;text-align: left;text-indent: 0px;font-size: 14px;background: #FFF;border: 1px solid #EFEFEF;text-transform: capitalize;border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;}
3. Save!
4. Pasang Widget Labelnya: Add a Gadget > pilih Label
5. Klik "List" seperti dalam gambar ini:
Save!
Demikian Cara Menampilkan Daftar Label Blog Dua Kolom Responsive. Good Luck & Happy Blogging! (www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
No comments on Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren
Post a Comment