Cara Membuat Label Cloud Responsive Ala Bang Tama

Dalam sebuah blog, kita pasti akan membutuhkan widget Label / Kategori yang berfungsi seperti menu navigasi. sayangnya tidak semua blogger yang menyadari pentingnya widget ini dalam sebuah blog. meskipun ia memasang widget ini dalam blognya. kadang juga tata letaknya mungkin salah. ataupun tampilannya yang begitu tidak menarik sehingga membuat pengunjung tidak menyadari bahwa itu adalah salah satu menu navigasi yang akan mengarahkannya ke kategori tertentu. Akan sayang sekali jika itu terjadi pada blog situ, untuk itu usahakan buatlah tampilan widget label situ menarik, enak dipandang, dan membuat pengunjung betah mampir ke blog situ, karena ini juga akan berpengaruh terhadap tampilan blog. Nah untuk tata letak yang tepat. kalo bang tama menempatkannya di sidebar paling atas. karena itu adalah bagian paling strategis untuk pengunjung lihat,  Berikut ini adalah tampilan label cloud responsive ala Bang Tama.

Gimana?? tertarik membuat label blog situ kamu kayak gini?? ikuti tutorial berikut dengan seksama

1. Login Blogger > Template > Edit HTML

2. Cari kode ]]></b:skin> *Gunakan CTR+F untuk mempermudah

3. Copy CSS berikut, Lalu pastekan di atas kode ]]></b:skin>

/* --- Responsive label by bang-tama.blogspot.com --- */ 

#Label1 .widget-content{overflow:auto; height:183px}

.label-size:hover{color:white; background:#03a1d5; border:1px solid #027094; transition:all 0.1s ease-in-out}

.label-size a:hover{color:white}

.label-size a{text-decoration:none; color:#000}

.label-size a:active{text-decoration:line-through}

.label-size{background:rgb(238,238,238); border:1px solid rgb(213,213,213); padding:5px; margin:2px; font-family:Ruda; font-size:14px; float:left; width:42.5%; overflow:hidden; text-align:center; -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out}

Ket :

- Ganti angka berwarna Merah untuk mengatur tinggi label

- Ganti kode berwarna Biru untuk mengatur background label

4. Jika sudah selesai, Save atau Simpan template.

Sekian artikel dari Bang Tama, Semoga artikel "Cara Membuat Label Cloud Responsive Ala Bang Tama" bermanfaat bagi temen blogger semua agar blognya lebih tampil rapi dan professional.