Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren di Sidebar.

SEBELUMNYA CB sudah menyebarkan arahan mempecantik widget label. Ada yang label efek dan label warna-warni.

Kali ini CB menyebarkan arahan CSS untuk modifiksi tampilan label di sidebar atau footer blog berupa kotak dua kolom, menyerupai gambar berikut ini:

Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren di Sidebar Cara buat blog itu- Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren

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 menyerupai gambar di atas.

1. Tema > Edit HTML
2. Copas arahan berikut ini di atas arahan ]]></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" menyerupai dalam gambar ini:

Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren di Sidebar Cara buat blog itu- Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren

Save!

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

Share To:
Next
Newer Post
Previous
This is the last post.

Endo Sadewa

Post A Comment:

0 comments so far,add yours