Cara Membuat Widget Label Warna Dengan Angka di Blog

Baca Juga

Cara Membuat WidgetLabel Warna Dengan Angka  di Blog – Label adalah sebuah Widget yang menerangkan semua kategori yang ada di dalam sebuah situs blog atau pun website. Widget Label ini adalah salah satu widget yang sangat penting untuk sobat Pasang di blog sobat, widget ini dapat membantu pengunjung untuk lebih mudah mencari Postingan yang mereka inginkan sekaligus.

Maka dari itu kali ini saya akan berikan cara membuatnya namun dengan memberikan tampilan Warna yang sangat menarik dan di tambah dengan keterangan jumlah artikel di semua label sehingga dapat membantu pengunjung untuk lebih tertarik melihatnya. Bagi sobat yang ingin memasangnya atau tertarik untuk mempelajari nya silahkan sobat simak cara membuatnya berikut ini.

Baca juga : Cara Membuat Sitemap/Daftar Isi Berdasarkan Label di statis Blog

1. buka Blog Sobat > masuk menu “Template” > Edit HTML > Salin kode di bawah ini dan Letakkan di atas kode ]]></b:skin> atau </style>

]]></b:skin> atau </style>

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{

text-align:left
}
.label-size {
background:#E73037;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

2. simpan Template. Selanjutnya kita akan buat pengaturan nya di Tata Letak Blog sobat, caranya sebagai berikut.

1. buka Blog Sobat > masuk menu “ Tata Letak” > Tambah Widget baru  > “Label” >

Setelah itu pilih simpan Setelan dan lihat hasilnya di blog sobat. Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka Label di Blog sudah terpasang dengan sempurna.

Baca juga : Cara Memasang Tombol share Media Sosial Responsive Sumome.com

Demikianlah tutorial mengenai Cara Membuat Widget Label Warna Dengan Angka  di Blog, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat