Report Abuse

Post Bottom Ad

Author Details

(Teknologi Blogging) adalah blog yang dibuat bertujuan untuk memberi informasi seputar blogging, teknologi dan berbagi file seperti aplikasi, game, dan software gratis. Terima kasih telah berkunjung di blog saya, semoga anda senang berkunjung di blog saya

Histat

Recent

Comments

Cara Membuat Widget Labels Blog Keren

Post a Comment
Hello sobat blogger jumpa lagi dengan saya, 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.

Related Posts

Post a Comment