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.
Post a Comment
Post a Comment