Cara Memodifikasi Tampilan Widget Label Cloud Blogger

Mungkin tidak banyak yang tahu atau mungkin kalian sudah nyaman untuk tampilan blog yang anda punya. Tetapi bagaimana kalau kalian mencoba memodifikasinya sedikit? Untuk kali ini, saya akan mencoba memposting tentang bagaimana caranya untuk memodifikasi tampilan Label Post anda yang menggunakan tipe  Cloud agar lebih elegan.

Contoh Label Cloud Modifikasi

Install Widget

Sebelumnya, kalian perlu menginstall dahulu widget yang dimaksud. Login ke bloggin anda, pergi ke Tata Letak » klik Tambahkan Widget » pilih Label. Sesuaikan setting yang ada seperti petunjuk gambar dibawah ini.

Contoh Pengaturan Label

Tambahkan Kode CSS

Jika sudah melakukan langkah diatas. Sekarang saatnya sobat untuk menambahkan kode CSS. Masuk ke Template » pilih Edit HTML. Letakan kode CSS dibawah ini di atas kode ]]</bskin> atau </style>

.label-size a{

 padding-left:10px;

 background:#0090D5;

 padding:0 10px;

 color:#fff!important;

 height:26px;

 line-height:26px;

 text-decoration:none;

 border:none !important;

 -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;

 float:left;

 margin-left:1px;

 margin-top:1px;

 font-size:13px;

}

.label-size a:hover{

 background:#69625A;

 -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

         border-radius: 1px;

}

Kalian bisa juga mengganti kode CSS tersebut sesuai selera anda, diatas hanyalah contoh. Semoga anda bisa lebih berkreasi lagi dan post ini lebih bermanfaat.

Terimakasih.