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.

html

• fungsi mode html pada menu entri baru blogspot
• fungsi compose pada menu entri baru blogspot
• cara membuat box keterangan code
• fungsi float pada html
• fungsi style clear both
• fungsi margin pada html
• cara membuat style link type square
• cara membuat Image pseudo style
• cara membuat speech bubble style
• cara membuat Google Plus buttons style
• cara membuat Blockquote di blogspot

seo

• cara memilih nama domain
• fungsi description dan title link blog
• mempercepat loading blog dengan compress html
• cara membuat open new tab semua link di blog
• cara membuat blog menjadi nofollow
• mengantisipasi tag heading h4 h5 h6 not found pada tool seo
• membuat link internal dan external seo friendly
• meningkatkan trafik pengunjung dengan feedburner
• meningkatkan trafik dengan web direktori dmoz
• verifikasi blog ke google webmaster
• Random post dengan gambar valid html5

widget

• tutorial footer style ide blogspot v1
• widget social media blogspot
• widget social media
• cara membuat widget spoiler background style
• widget kategori floating
• cara membuat widget link di atas postingan blog
• cara membuat widget space iklan text
• cara membuat widget permalink with space iklan
• cara membuat halaman kontak di blog
• cara membuat subscribe with advertise
• cara membuat widget share image hover

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