Cara Menciptakan Widget Label 'List' Keren Pada Blogspot

| Tutorial Bagaimana Cara Membuat Label berbentuk Daftar "LIST" yang keren pada blogspot ini. Dalam blogging tentu saja kita mengenal istilah label, label sendiri ialah identitas suatu artikel dalam pengelompokkan kategori yang ada.

Sebenarnya hampir sama dengan sajian navigasi utama blogspot, pembuatan label juga bermanfaat untuk mengorganisir setiap postingan atau artikel dalam blog anda biar sanggup tersusun rapih sesuai kategori yang ada. Akan tetapi banyak juga para blogger yang menampilkan sajian navigasi blog hanya sekilas dan beberapa lebel saja, sehingga visitor tidak bisa jauh menelusuri blog kita.

Dengan adanya Widget Label ini selain untuk memperindah tampilan blog anda dengan desain yang menarik, sanggup juga membantu para pengunjung blog anda untuk mencari artikel atau postingan yang satu kategori dengan artikel yang berkaitan satu sama lain.

Nah kali ini mamang akan membagikan sedikit instruksi widget Label dari yang kini di pakai oleh Website "Arlina Design" yang aku kagumi, dan juga aku akan mencoba memandu anda untuk menciptakan Widget Label ini, silahkan dicermati.

Cara Membuat Widget Label "LIST" Keren :

1. Masuk ke Dashboard Blog Anda
2. Kemudian pergi ke sajian Tema >> Edit HTML
3. Tambahkan CSS ini sempurna di atas instruksi ]]></b:skin> atau </Style>

CSS /* Label Arlina by Mang Otep */ .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:#000;padding:8px 12px;display:block;font-size:13px;transition:initial;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:1px} .Label li a:hover{background:#747d8c;color:#fff} .Label ul li span{background:#f24a4a;color:#fff} 

4. Sekarang kita akan Masuk ke Pemasangan Widget nya, Masuk ke sajian Tata Letak >> Tambahkan Gadget
 
5. Pilih Label dan pengaturan pada Kotak Label lebih jelasnya silahkan Lihat gambar di bawah ini :

Kotak Label

• LIVE DEMO

• Untuk Template yang sudah terdapat widget Label, hapuslah Widget tersebut dan buat ulang Widget yang baru.
• Untuk Jenis Label Harus Memilih Daftar "LIST" dan tidak bisa menentukan "Cloud"

Demikianlah sudah artikel perihal bagaimana Cara Membuat Widget Label "LIST" Keren pada Blogspot pada ini, semoga bermanfaat dan menjadi tumpuan untuk blog anda. Jika menyukai artikel ini jangan lupa klik like, share, and subscribe untuk berlangganan artikel terbaru pribadi dari email anda.
Sumber https://www.mangotep.com/