CARA MEMBUAT WIDGED BLOG MENJADI BERMACAM WARNA - BlogSensei

Hai sobat, saat ini saya akan berbagi trick blogger yaitu cara mengubah widged menjadi bermacam-macam warna, yang menjadikan blog sobat semakin menarik serta tidak terkesan membosankan, langsung saja simak langkah-langkah di bawah.

Tahap Pertama ( Memasang Widged Label di Blog )

1.Login blogger.
2.Piada dashboard pilih menu Tata letak > Tambahkan gadged.

3.Pilih widged Label ( Klik tombol + )

4.Setelah itu pada pengaturan bagian tampilkan pilih Cloud.

5.Terakhir simpan.

 Tahap Kedua ( Memasang Kode CSS  di Blog  )

 1.Pada dasboard pilih Template > Edit HTML

2.Cari kode ]]></b:skin> ( gunakan Ctr+F agar lebih cepat )
3.Salin kode di bawah ini dan letakan tepat di atas 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:#00

Keterangan 
-Tulisan berwarna merah adalah kode warna, ubahlah sesuai warna yang kalian inginkan atau search di google dengan kata kunci ( kode warna)
- Kode yang berwarna ungu akan muncul sebagai warna cursor bila diarahkan pada label, gantilah dengan warna yang kalian inginkan.

Terakhir Simpan Template

Share :

Tweet

✚

Related Post