Mempercantik Label Di Blog V2

     Hello sobat blogger pada kesempatan kali ini saya akan share code CSS untuk membuat tampilan Label di blogger jadi lebih keren dan lebih menarik. Oke tanpa lama lama lagi kita simak tutor nya di bawah ini :

1. Login Blogger sobat.
2. Pilih blog yang akan kita edit ( kita beri CSS ).
3. Klik Template.
4. Klik Edit Html.
5. Cari Kode  ]]></b:skin>
6. Copy dan Paste code di bawah ini tepat di atas ]]></b:skin>

/*-----Labels Cloud Styled widget by devilx7.blogspot.com----*/ .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;}

7. Klik Save template / Simpan template
8. Oh iya jangan lupa edit juga Labelnya seperti gambar di bawah ini :

 - - - -  Good Luck  - - - -