Senin, 03 Desember 2012

Cara Tambah berputar Ikon Sosial Dengan CSS3 Untuk Blogger(Dijamin Keren)



Hallo sobat Salam Hangat Buat Kalian semua Yg di mana saja.. :)
Ini loh saya ada sedikit Cara buat Kalian..? Khusus nya yang suka main blogger, trus blogger nya
mau di edit'' sesuka kalian.. nah coba deh kalian lihat cara'' yang di bawah ini :
  • Memilih gaya.
  • Salin kode.
  • Ganti nama pengguna saya dengan Anda.
  • Pergi ke Blogger Dasbor >> Laman.
  • Klik Tambah Gadget.
  • Pilih HTML / JavaScript.
  • Paste kode Anda dan simpan.
<style>p#OW_socialicons img {
 /* Spinning Social Icons Widget By Tips Jrswirogas */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

p#OW_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Spinning Social Icons Widget By Tips Jrswirogas */
</style>



<center><p id="OW_socialicons">
    <a href="https://www.facebook.com/WIROGAS">
<img border="0" src="http://schoolofsurfingwa.com/wp-content/uploads/2012/10/social-inside-facebook-icon.png" /></a>
    <a href="https://twitter.com/sekedar_follow">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitMmrU3cCQl8b9PfkaaRVsLH8W3tHEF2rJoxvCJTYI_3d7g8gU0dYA7Dimx0Ct47t_6obXR5MTnzn4ymwjBG3dHh-yCwuKmBahA-nzeL5iqyJ9ZYiTgQufpaeFgHHCOxlCEsb_WnTZeFw/s72-c/cyber4rt_twitter.png" /></a>
    <a href="https://plus.google.com/109149646206999931164/posts">
<img border="0" src="http://www.technobuffalo.com/wp-content/uploads/2012/05/google-plus-ios-icon.png" /></a>
    <a href="http://feeds.feedburner.com/TipsJrswirogas">
<img border="0" src="http://www.ijachouf.com/http://ar.ijachouf.com/wp-content/uploads/2010/06/logo_rss-290x300.jpg" /></a>
    <a href="http://tipsjrswirogas.blogspot.com">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI131ONzhEeOH_pIzEk8SLNMVrE7_SUr8W3CFrrY1FiPilDtMJdKW3dazF4Etg3eGkd4QGWKtQf8woEcE7bHDFjqLm5TPCYrxUYj4mKZxJOfzTqTLLVQAOY7LaVWCSAgOn3LhHuT7xA8U/s72-c/supersaiya+2.jpg" /></a>
</p></center>

Catatan :
Ganti Tulisan yang berwarna Biru ehk salah maap salah ketik :D (hahaha biasa orang waras..)
hehehe.. maksud nya yang warna Hijau (Terus dah, coba Ngomong Sekali lagi)
hahaha iya iya.. maap, Ganti tulisan yang berwarna Merah Contoh nya
https://www.facebook.com/WIROGAS (GANTI DENGAN LINK FACEBOOK MU) 
https://twitter.com/sekedar_follow (GANTI DENGAN LINK TWITTER MU) 
https://plus.google.com/109149646206999931164/posts (GANTI DENGAN LINK GOOGLEplus Mu)
http://feeds.feedburner.com/TipsJrswirogas(GANTI DENGAN LINK FEEDS BURNER MU) 
http://tipsjrswirogas.blogspot.com (GANTI DENGAN ALAMAT BLOGGER MU)  

DAN LIHAT HASIL NYA (GOOD LUCK) 
Thank You for coming in my blogger, Do not forget to stop by again..

0 komentar: