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.
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.
/*-----Labels Cloud Styled----*/Jika sudah mengcopy code diatas, selanjutnya sobat masuk ke dasboard > Tema > Sesuaikan > Tambah Css > Save.
.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;}
Nah belum selsai sobat silahkan sobat kembali lagi ke dasboard blogger sobat, lalu pilih layout seperti gambar dibawah ini
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.
0 Response to "Cara Membuat Widget Labels Blog Keren"
Post a Comment