Sunday, January 22, 2012

Cara pasang animasi di semua colom widget

Hallo Sobat Blogger mungkin diantara sobat blogger bertanya gimana cara memberikan effec animasi pada colom widget seperti punyaku ini coba liat hampir disemua colom widget aku kasih effec bintang berkedip oke kita akan bahas bersama gimana cara menempatkan animasi di semua colom widget :
  • misal kan kita akan memberikan effec pada colom widget Follower  
  • oke kita langsung aja pertama sobat harus loggin ke blogger
  • masuk rancangan --->>Edit HTML untuk lebih aman nya download lengkap dulu template 
  • karena kita akan memberikan effec pada colom follower  maka shobat harus mencari kode yang kurang lebih nya seperti ini

  • <b:widget id='Followers1' locked='false' title='Follow me' type='Followers'/>

  • Selanjut nyacari kode  ]]></b:skin> lalu masukkan kode di bawah ini tepat di atas kode ]]></b:skin>

  • #[nama widget ] .widget-content{
    -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;background:#fff url(Url.gambar.gif) no-repeat top left; border: 1px solid #F5F5DC; height: auto; overflow: auto; padding: 5px; width: auto;
    }

Karena kita akan memberi effec pada colom follower [teks warna merah di atas] maka copy teks Followers1 dan pastekan ke teks yang berwarna hijau hingga akan menjadi seperti  di bawah ini

#Follower1.widget-content{
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;background:#fff url(http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/Stars.gif) no-repeat top left; border: 1px solid #F5F5DC; height: auto; overflow: auto; padding: 5px; width: auto;
}

Jadi intinya jika sobat ingin memasang ke kolom widget yang lain sobat hanya tinggal mengganti teks Follower dengan widget yang lain misal  Popular pos ,label atau blog archive oke selamat mencoba dan berpusing ria ...jika postingan ini bermanfaat silah kan sisihkan waktu sejenak untuk menulis di kotak komentar..........

No comments:

Post a Comment