Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren

Baca Juga

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.

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).*