Cara Membuat Widget List Label di Blogger Yang Simple Tapi Keren

Widget List Label Simple Keren - Pada umumnya di kalangan para blogger, widget label rata-rata menggunakan Cloud Label, jarang sekali admin melihat blog yang menggunakan list label. Mungkin karena tampilannya yang sederhana jadi banyak blogger yang enggan memasangnya.

Namun sebagian blogger juga ingin memasang widget list label karena terlihat simple. Umumnya list label terlihat sederhana dan itu-itu saja, jadi niatan memasang widget list label tidak terealisasi.

Bagi kalian yang suka widget list label, silahkan gunakan css di bawah ini karena css list label yang akan admin share terlihat simple sederhana namun keren, cocok untuk blog pribadi maupun blog dengan niche lain.

Widget List Label Simple Tapi Keren

Untuk cara membuat daftar atau list label yang simple dan keren kalian copy terlebih dahulu css di bawah ini.


/* Widget Label */
.Label ul{padding:0}
.Label li{position:relative;overflow:hidden;display:inline-block;list-style:none;margin:0 2.5px 5px 2.5px;padding:0;font-size:14px;width:48%;float:left}
.Label li a,.Label ul li span{background:#ecf0f1;color:#888;padding:8px 12px;display:block;font-size:12px;transition:initial;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1px;text-align: center;text-transform: uppercase;font-weight: 600;}
.Label li a:hover{background:#747d8c;color:#fff}
.Label ul li span{background:#f24a4a;color:#fff}

Silahkan ganti css label yang sudah ada di template kalian, dengan cara masuk ke tema > edit html lalu CTRL+F cari atau ketik saja label, nanti ada css yang mirip-mirip seperti di atas, ganti css tersebut dengan css label di atas.

Untuk cara settingnya silahkan masuk ke menu tata letak > pilih list/daftar label, untuk lebih jelasnya lihat gambar di bawah ini.


Jangan lupa simpan dan lihat hasilnya, nah itulah cara membuat widget list atau daftar label yang simple sederhana namun terlihat keren di blogger.

0 Response to "Cara Membuat Widget List Label di Blogger Yang Simple Tapi Keren"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel