Social Ikon media 3D berputar/bergerak

---

Unknown on 01:46

---

Bagaimana ingin menambah widget ini ke dalam blog

1) Sekarang pergi ke Blogger Design> Dashboard.

Add a Gadget> HTML / JavaScript.

2)Paste kod di bawah selepas tu save.

<<Mula dari sini>>

<style>p#hb_socialicons img {

    -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#hb_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
</style>
<center><p id="hb_socialicons">
    <a href="http://www.facebook.com/bloggertricksdotbiz">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU_r0cYlb9cZ0qZ3OMcIJ2-37QNPoMm4jr9ae1XOaD8DjBlb0Zbzu7T_G_URljg-Ogsa-uCOQbOCfTYPfkFuqjBRTXK7XntQ8mpjfZCc8K5ouoi60oKY1yOSJhEp2ES0Q0S0KU0cwNGus/s1600/
bloggertricksdotbizFB.png " /></a>
<a href="https://plus.google.com/110100302012846213219">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL9iIawoOb6EmZ6mvoFxoLRYIM3P5BOUajFtHUu-wn7Km2jNJ51t1C1FAyP-yGbaGcpgQV-I9mEe1x2qBl3sRKJXsQzU7IPp4I2q4PHEH-Qgcp2ECYuSA09AaDfydRNCAJHCSJaIH2z6I/s1600/
bloggertricksdotbizGP.png " /></a>
<a href="http://www.twitter.com/jackievijay143">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKn6_x290DlCOIIA6uG9f_Xn9iHpl92_xpOrxPqRgUwqqcOOR86D7aN2xTPdw_47hOBEkUhI7kAkOgZs7Xq4MxXtz3DQgW-SrdjPQQpyZm2IRmmVEnb5VuTNswGcIXomlbQnLxLBKk_q0/s1600/
bloggertricksdotbizTW.png " /></a>
<a href="http://pinterest.com/jackievijay143">
<img border="0" src=" http://3.bp.blogspot.com/-Npr8b-w9EDw/UCM9Itv5_cI/AAAAAAAABhk/8ejVQgh4k7w/s1600/
bloggertricksdotbizPT.png " /></a>
<a href="http://www.feeds.feedburner.com/bloggertricks/btvj">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWkQ6e5gu18jzPvRX2_uxiaFXAJqkufuGpElTK6FF91lzPYiN7S48WnLrLTvTMSIW57mSifJz6AlCk95XozDVLgq8z4DNZfUqMi0Z1WzLIhkhywqWpiO5M0mDIpLCx7NutC-CsYklVTpw/s1600/
bloggertricksdotbizRSS.png" /></a>

</p></center>

<<berakhir di sini>>

script di atas bersaiz 64*64

Nota>>

1)Anda harus menukar setiap kod berwarna merah dengan kod sosial media anda seperti facebook,twitter dan google+.

2)Pastikan anda copy dan paste semua kod dengan betul.

setelah selesai anda akan dapat sebuah social widget yang amat cool dan pasti ramai pelawat blog anda akan kagum dengan anda....selamat mencuba

Filled Under: