Cara Membuat Widget Label Blog Menjadi Warna Warni

Cara Membuat Widget Label Blog Menjadi Warna Warni Membuat Widget Label Menjadi Warna Warni ~ Jika kemarin Faisal Fachrureza Share sudah berbagi tentang cara Membuat Widget Popular Post Menjadi Warna-Warni, kali ini masih sama topiknya yaitu warna-warni namun berbeda dalam hal widget yang akan dimodifikasi. Widget yang kita buat warna-warni ini adalah widget label atau bisa juga disebut widget kategori. Momodifikasi Widget Label Menjadi Warna Warni Langkah Pertama : Memasang Widget Label di Blog Masuk ke akun blogger kalian Pilih menu Tata Letak kemudian klik Tambahkan Gadget Momodifikasi Widget Label Menjadi Warna Warni Pilih widget Label dengan mengklik tombol plus (+) Selanjutnya, pada pengaturan bagian Tampilkan pilih Cloud dan sisanya silahkan anda ubah sesuai selera. Terakhir, klik Simpan Langkah Kedua : Memasang Kode CSS di Blog Pilih menu Template lalu klik Edit HTML Cari kode ]]> ( gunakan Ctrl+F untuk memudahkan ) Copy kode berikut lalu pastekan tepat diatas kode ]]> #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:#007abe;padding:4px 5px;color:#fff} #Label1 .label-size-1 a {background:#abc123;font-size:15px;} #Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;} #Label1 .label-size-3 a {background:#e24f4f;font-size:15px;} #Label1 .label-size-4 a {background:#f568dc;font-size:15px;} #Label1 .label-size-5 a {background:#38a3ee;font-size:15px;} #Label1 .cloud-label-widget-content span a:hover {background:#007abe;} 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 Ok, sekian tutorial tentang "Membuat Widget Label Menjadi Warna Warni". Silahkan juga lihat artikel-artikel lain seputar blogging, Kumpulan Kode scripts - stevy regar, TERIMA KASIH TUHAN YESUS MEMBERKATI