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

Labels: Desain Blog

Related Posts

0 Komentar untuk "Cara Menampilkan Daftar Label Blog Dua Kolom Responsive Keren"

1. Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *