Cara Memodifikasi Label Blog | Memiliki blog yang penuh modifikasi akan mempunyai nilai tersendiri karena keindahannya. Selain itu blog yang bagus akan membuat pengunjung blog anda betah. Apalagi jika label dimodifikasi, label sangatlah penting dari sebuah website / blog. Label dapat membuat pengunjung mengetahui semua isi artikel yang anda buat.
Tutorial kali ini kamu harus otak atik isi html blog anda. Tapi tidak usah khawatir, hal ini sangat mudah karena tutorial ini sangat komplit buat kamu yang tidak pernah membuka isi html.
- Masuk akun blogger
- Plih template >> edit HTML
- Tekan Ctrl + F Masukkan kode "]]></b:skin>"
- Jika sudah menemukan, copy kode css dibawah ini dah paste tepat diatas kode ]]></b:skin>
.label-size{ margin:0; padding:0; position:relative; } .label-size a{ 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{ 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{ 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{background:#555;} .label-size a:hover:before{border-color:transparent #555 transparent transparent;}
- Simpan Template
- Masuk menu Tata Letak lalu tambahkan gadget label nya
- Semoga bermanfaat
