Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren

Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren

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:

Label Blog Dua Kolom Responsive

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:

Add a Gadget > pilih Label

Save!

Demikian Cara Menampilkan Daftar Label Blog Dua Kolom Responsive. Good Luck & Happy Blogging! (www.contohblog.com).*

Thanks for reading Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren | Labels: Desain Blog edit this post
0 Komentar untuk "Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren"

Contact Form

Name

Email *

Message *