Senin, 11 September 2017

Trik Membuat Label Blog Penuh Dengan Warna


Kang Karding - Membuat Label Blog Penuh Warna Selamat pagi semuanya, sudah lama saya tidak mengupdate blog ini karena alasan kesibukan didunia nyata. Nah, berhubung ada waktu luang jadi saya akan posting tutorial blog. Mungkin banyak dari kita yang sangat menyukai banyak warna diterapkan didalam blognya. Kali ini saya mau share Cara Membuat Label Blog Penuh Warna. Untuk itu, kita harus tahu dulu tahapan dan cara-caranya. Untuk demo bisa diliat dipostingan ini.

1. Login terlebih dahulu ke blog masing-masing
2. masuk ke template -> Edit HTML -> Letakkan kode dibawah ini sebelum kode  ]]></b:skin>


#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:13px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:14px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:16px;}
#Label1 .label-size-5 a {background:#66CC00;font-size:18px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}

3. Simpan

Lalu, untuk langkah pemasangan widgetnya sama seperti pada umumnya.
1. Masuk ke Tata Letak > Tambahkan Gadget > Tambahkan Label dan atur tampilannya menjadi Cloud
2. Selesai

Nah demikianlah tutorial tentang Membuat Label Blog Penuh Warna semoga bermanfaat

loading...


EmoticonEmoticon