Cara membuat Label dengan Border | efek Hover di blog

pasti sobat ingin tahu bagaimana cara orang-orang memasang label dengan design disamping atau bisa dibilang kayak punya saya ini.menarik bukan yang perlu anda tambahkan adalah sedikit  bumbu dapur atau singkat katanya adalah sebuah script.jika kamu ingin menambahkannya dengan blog kamu! caranya gampang kok ikuti langkah-langkah dibawah ini!

pertama masuk ke blogger kamu dan klik template --> edit HTML --> expand template Widget.

kemuadian cari kode ]]></b:skin>  (tekan f3 untuk memudahkan pencarian)

letakkan kode dibawah diatas kode ]]></b:skin>

/* -- Labels -- */ .label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;} .label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;} .label-size a:hover {background: #ffcb0f;}- .label-size span {float: right;font-size: 9px;margin: 0 0 4px;}

kemudian klik simpan.

KET:

Kamu Harus Menambahkan widget Label Di Tata Letak Untuk Melihat Hasil Dari Editan Diatas dan Gunakan Pilihan 'CLOUD'(Lihat Gambar Disamping)

jika kamu menguasai bahasa html,kamu bisa mengedit warna dan ukuran dari border dari widget diatas.

ket : kode /script di atas  menampilkan dengan kode warna abu-abu kamu dapat mengubahnya sesuka hatimu jika kamu mau.


tunjukkan apresiasi kamu dengan menglike fanspage kami | menjoin situs kami | atau mengomentari postingan ini.