Cara Membuat Label Blog Keren
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 |
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.
0 Response to "Cara Membuat Label Blog Keren"
Post a Comment