Membuat Widget Label Menjadi Warna Warni

Membuat Widget Label Menjadi Warna Warni - Widget label atau widget kategori berfungsi untuk menampilkan semua label dari posting dalam blog anda. Posting saya kali ini bertujuan agar kita bisa mengubah widget label yang terkadang biasa saja menjadi warna warni. Mari kita simak langkah-langkahnya
Membuat 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
    Membuat Widget Label Menjadi Warna Warni
  • Pilih widget Label dengan mengklik tombol plus (+)
    Membuat Widget Label Menjadi Warna Warni
  • Selanjutnya, pada pengaturan bagian Tampilkan pilih Cloud dan sisanya silahkan anda ubah sesuai selera.
    Membuat Widget Label Menjadi Warna Warni
  • Terakhir, klik Simpan

Langkah Kedua : Memasang Kode CSS di Blog


  • Pilih menu Template lalu klik Edit HTML
Membuat Widget Label Menjadi Warna Warni




  • 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 .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 WarniSemoga bermanfaat ^_^ 

    Related Posts

    Membuat Widget Label Menjadi Warna Warni
    4/ 5
    Oleh
    9 Komentar untuk "Membuat Widget Label Menjadi Warna Warni"

    wah keren,, bisa warna warni gitu

    ane bookmark dlu gan, ada wktu luang ane pelajari thx..

    iya gan, warnanya juga bisa disesuaikan juga sesuai keinginnan.

    Dari 2014 Saya Nyari yang Begini Akhirnya Muncul di Tahun yang Penuh Berkah ini
    yaitu 2015, Ngomong Ngomong min, Kalo Labelnya tidak Cloud Bisa Berwarna Gak ?

    Keren sekali gan!

    Berkomentarlah Sesuai isi Postingan, Sopan, Jangan Spam! dan Jika ada yang Memasukkan Link Aktif Dalam Komentar Akan Segera di Hapus.