Cara Membuat Widget Labels Blog Keren

Hi sobat blogger jumpa lagi dengan saya, next post saya kali ini akan membagikan widget labels blog keren dan untuk sobat, bisa menggunakan kode dibawah ini secara Gratis, nah bagi sobat semua yang lagi nyari dan mau merubat tambilan atau gaya labelsnya supaya terlihat keren bisa menggunakan CSS LABELS berikut ini.

Langkah pertama yang sobat harus lakukan adalah Copy semua code css dibawah ini.

/*-----Labels Cloud Styled----*/
.label-size{ margin:0; padding:0; position:relative; }  .label-size a ,  .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;  border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  } .label-size a:before ,  .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0;   } .label-size a:after ,  .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; }  .label-size a:hover ,  .label-size span::hover { background:#555;} .label-size a:hover:before ,  .label-size span::hover::before{border-color:transparent #555 transparent transparent;}

Jika sudah mengcopy code diatas, selanjutnya sobat masuk ke dasboard > Tema > Sesuaikan > Tambah Css > Save.

Nah belum selsai sobat silahkan sobat kembali lagi ke dasboard blogger sobat, lalu pilih layout seperti gambar dibawah ini

Selanjutnya sobat pilih edit labels dan silahkan ganti menjadi seperti gambar di bawah ini

Setelah itu sobat silahkan save, mudah bukan,  dan lihat perubahan labels blog sobat sudah keren kan.
Nah mungkin cukup sekian dulu dan selamat mencoba.

Dan terima kasih sudah berkunjung ke blog Agus Gunawan Official jika tidak ingin kelewatan update posts disini bisa berlangganan melalui email dibawah.