Kamis, 17 Mei 2018

Cara Membuat Widget Label 'LIST' Keren pada Blogspot

Cara Membuat Widget Label 'LIST' Keren pada Blogspot

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

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

Dengan adanya Widget Label ini selain untuk memperindah tampilan blog anda dengan desain yang menarik, dapat 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 kode widget Label dari yang sekarang di pakai oleh Website "Arlina Design" yang saya kagumi, dan juga saya akan mencoba memandu anda untuk membuat Widget Label ini, silahkan dicermati.

Cara Membuat Widget Label "LIST" Keren :

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

/* 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 menu Tata Letak >> Tambahkan Gadget
 
5. Pilih Label dan pengaturan pada Kotak Label lebih jelasnya silahkan Lihat gambar di bawah ini :
Kotak Label


  • 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 memilih "Cloud"

Demikianlah sudah artikel tentang bagaimana Cara Membuat Widget Label "LIST" Keren pada Blogspot pada Blog Mang Otep ini, semoga bermanfaat dan menjadi referensi untuk blog anda. Jika menyukai artikel ini jangan lupa klik like, share, and subscribe untuk berlangganan artikel terbaru langsung dari email anda.

Disana Gunung Disini Gunung, Ditengahnya Pulau Jawa
Kamu Bingung Infonya Nanggung, Mending Visit Blog Mang Otep Aja

Load comments