Cara Membuat Label Blog Keren

Cara membuat sebuah tampilan pada label di blog menjadi keren sebagai hiasan tersendiri untuk blog dengan label super sangat keren dan unik yang dimana membuat kategori berupa label menjadi keren sekali untuk situs yang dikelola tersebut.

bagaimana cara mudah mengubah tampilan kategori atau label untuk blog agar bisa menampilkan cloud label dengan super keren akan dibahas pada paragraf berikut ini.

Cara Membuat Label Blog Keren

widget pada label dengan menampilkan kategori yang bisa di ubah untuk cloud pada label dan banyak pemilik blog ingin memberikan suasana dengan menunjukkan bahwa situs membuat keren apalagi ditambah cloud pada label tersebut.

Berikut ini adalah tutorial dan langkah - langkah yang bisa dilakukan untuk merubah tampilan cloud label atau kategori pada blog dengan tampilan label super keren sebagai berikut ini.

Langkah - Langkah Membuat Label Blog Keren :
1. Login ke dashboard blog
2. Di menu tata letak pada dashboard blog pilih posisi untuk menempatkan label yang akan dimodifikasi agar terlihat keren.
3. Pasang widget label dan melakukan konfigurasi seperti tampilan pada gambar di bawah

4. Setelah selesai melakukan konfigurasi sesuai tampilan pada gambar widget label yang terlihat diatas selanjutnya adalah point berikut dan simpan
5. pada tutorial selanjutnya adalah dengan memilih menu edit tema pada dashboard dan klik template seterusnya edit template
6. pilih format template
7. cari kode tag ]]></b:skin> dan copy kode dibawah ini kemudian pastekan ke bagian bawah sisi tag ]]></b:skin> dan jangan lupa untuk klik simpan.

/* Widget Label Keren*/ .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:#076BB8; 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 } 

/* Widget Label Keren */ .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 { border-radius:30px; background:#076BB8; 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 { border-radius:30px; background:#333333; } .label-count { white-space:nowrap; border-radius:30px; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 } 

- background:#076BB8, adalah warna backgroud nama label
- background:#333333, adalah warna background jumlah artikel label

8. Klik simpan dan lihat hasilnya

Bagaimana dengan tutorial beserta langkah - langkah di atas tentu mudah bukan dan bukan hal yang sulit untuk dilakukan jikalau mengikuti langkah demi langkah dengan point, untuk itu selamat blog dengan tampilan widget label sudah berubah menjadi tampilan blog keren.

semoga untuk tutorial kali ini bisa bermanfaat bagi kita semua dan jangan lupa untuk memberikan saran dan motivasi lain atau jika ada yang masih kesulitan bisa berkomentar dibawah ini, nantinya saya akan menjawabnya. sekian dan terimakasih.

Bagikan Artikel ini