MEMBUAT WIDGET LABEL MU LEBIH BERWARNA DI BLOG ~ Raka Aditya Putra

MEMBUAT WIDGET LABEL MU LEBIH BERWARNA DI BLOG - Halo friends rakasauruss, seperti judul di atas yaitu cara membuat Label di Blog Berwarna maka pada postingan ini akan saya jelaskan atau berbagi ilmu bagaimana membuat widget labelmu menjadi berwarna alias agar menarik? Yuk, simak cara-caranya. tapi sebelumnya saya jelasin dulu apa itu label, label pada blogs berfungsi sebagai kategori jadi artikel-artikel di blog akan di pecah pada label tersebut.

Langkah Pertama : Memasang Widget Label di Blog

Masuk ke akun blogger kalian
Selanjutnya pilih menu Tata Letak, Kemudian klik Tambah Gadget

Klik Label dengan mengeklik tanda +
Selanjutnya pada Konfigurasi Label pilih Cloud
Kemudian Simpan.

Langkah Kedua : Memasang Kode CSS di Blog

Klik Template kemudian Edit HTML
Cari kode ]]></b:skin> ( gunakan Ctrl+F untuk memudahkan )
Copy kode berikut lalu pastekan tepat diatas 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 .label-size {margin:4px 0;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size span {background:#007abe;padding:4px 5px;color:#fff}

#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-1 a {background:#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;}
#Label1 .label-size-4 a {background:#f568dc;font-size:15px;}

#Label1 .cloud-label-widget-content span a:hover {background:#007abe;} 

#Label1 .label-size-5 a {background:#38a3ee;font-size:15px;}

Keterangan :

- Kode yang berwarna biru bisa akan muncul sebagai warna pada setiap label, bisa kalian ubah sesuai selera masing-masing

- Kode yang berwarna jingga / orange akan muncul sebagai warna saat cursor diarahkan pada label, bisa kalian ubah sesuai selera masing-masing

- Untuk kode warna, kalian bisa melihat di Generator Kode Warna HTML

Terakhir, klik Simpan Template

Gimana mudah bukan MEMBUAT WIDGET LABEL MU LEBIH BERWARNA. SEMOGA BERMANFAAT.

Tentang Penulis

Halo, nama saya Raka Aditya Putra salah satu mahasiswa Universitas Teknologi Yogyakarta. Berawal dari ketertarikan saya untuk menulis dan saat ini saya tuangkan hobby saya di blog baru ini. Saran Kritik silahkan Hubungi saya disini.