Cara membuat widget label animasi valid html5

Setiap halaman blog pasti mempunyai kategori atau label yang digunakan sebagai nama pengelompokan suatu data artikel pada suatu situs web ataupun blog, apalagi suatu blog yang memang mempunyai label yang banyak bila kita memakai sistem devault saya rasa kurang dominan dan tidak sedap dipandang oleh pengunjung blog kita. Pada dasarnya label devault yang ada pada blogspot masih tergolong sederhana dan perlu kita modivikasi untuk mempercantik halaman blog anda. Pada postingan kali ini saya hanya akan menyematkan kode CSS agar tampilan devault label yang dimiliki blogspot semakin menawan dimata pata pengunjung, dengan sendirinya pengunjung juga betah,( heheh emang dikasi pelet ya makanya betah xixixixixi )

kali ini hanya CSS nya yang akan kita rubah tapi yang pasti valid CSS 3 dan HTML 5 tentunya jadi tidak perlu repot repot untuk ngedit sana sini tapi yang pasti kita harus masuk ketubuh tag tag HTML blog kita, oke saya rasa penjelasan diatas sudah lebih dari cukup untuk kita lakukan perkenalan, langsung saja menuju TKP. Untuk tahap I pastinya anda sudah memasang widget label di blog anda, kalo memang belum silahkan pasang dulu dan atur agar jumlah artikel pada label itu tidak aktiv alias dinonaktifkan, kemudian rubah DAFTAR menjadi CLOUD setelah selesai tahap I sekarang kita menuju tahap ke II lihat penjelasan dibawah ini :

Tutorial

1. Login to blog
2. Pilih " Template " lalu klik " Edit HTML "
3. Cari kode ]]></b:skin>
4. Setelah dapat copy code dibawah ini lalu pastekan diatas code ]]></b:skin>
5. Setelah selesai save template anda, dan lihat hasilnya.

.label-size a {
margin:0 4px 6px 0;
padding: 5px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
box-shadow: 1px 1px 2px #333 inset;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#990000;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E1E1E1;
} .label-size a:hover {
border:1px solid #990000;
text-decoration: none;
-moz-transition: all 0.7s ease-out;
-moz-transform: rotate(7deg);
color: #333;
background-color: #FFFFFF;
box-shadow: 1px 1px 2px #333;
}

Kesimpulan

Anda harus lebih kreative dalam hal menangani widget pada halaman yang anda miliki agar membawa suatu kesan yang elegan dan ramah terhadap pengunjung. Tehnik memodifasi label ini berguna untuk memperindah halaman blog kesayangan anda dan akan memakan sedikit ruang widget buat label anda yang memang halaman yang anda miliki mempunyai label yang banyak. memunculkan semua label yang dimiliki halaman anda akan mempermudah para pengunjung untuk melihat dan ingin meliriknya, berarti suatu kesimpulan yang baik dan akan membawa keuntungan buat anda.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 10:33 PM