Membuat Widget Icon Social Network Keren dengan Efek Spin

Alhamdulillah Sob , masih bisa posting lagi nih. Setelah semalam saya memposting tentang Daftar Situs Layanan Ping Terbaik Untuk Blog, Kali ini saya akan membahas persis dengan judul postingan diatas.
Tahukah sobat apa funsi Widget Icon Sosial Network ini ??? Kalo menurut saya Icon sosial network ini bisa untuk lebih memperjelas siapa si  author / pemilik blog (ini menurut saya . kalo menurut yang lain apa ? saya juga tidak tahu). Icon Sosial Network ini bisa mempercantik blog sobat , Mengapa ? Karena Icon Sosial Network ini dilengkapi dengan efek Spin (Berputar).

Berikut ini Contoh gambarnya :

Bila disentuh Cursor Akan berubah seperti ini :

Sobat mau membuatnya ?? kalo sobat mau silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke blogger Sobat
2. Pilih Tata Letak > Tambahkan Gadget
3. Letakan kode berikut ini :

<style> p#aiizahh_socialnetworkicon img { /* Social Network Widget By hhttp://bukan-rahasiia.blogspot.com// */ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } p#aiizahh_socialnetworkicon img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Social Network Widget By hhttp://bukan-rahasiia.blogspot.com//*/ </style> <center><p id="aiizahh_socialnetworkicon"> <a href="http://twitter.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9Ai7TPqmRT9NoFLNgopbS8hfQoWp6Mlu2hvds7vBCtSU1otQm4Vo3Gwo-GWtdCNxzsCzGSmVahioQ-VZqzWPlOZu1cKNU5q19akK1zW4QPb2zMPJAj3d3m9_YGyW0GTtxeWkxBxfEsHO/s0/twitter.png' title='Twitter" /></a> <a href="http://www.facebook.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUorIvgKa8OpVb0QHYwDjs7sj9ShEZ2Uhp089oo6Ld678nqRZLDTE4T3YtfIL8e7k24AKLDYvTEAodmI_g8kdSN28_u5xooFMimNZYEd1l9TjBxEvLQMlkznXcKUSeNkltlPQi31peRJtJ/s0/facebook.png' title='Facebook" /></a> <a href="https://plus.google.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRr58vNjU8rPTkcsVfesOyVDvxAerRkGdsL1mkszHo2Qun-VMeXByQ1g-SUgaZd9gxjcjMW00J6FoeHjOZRaT503OB-VMHTHVUtR7X_blU2iP7mxvnWY85leyM1eOY-9_QLAYI3tlaCoNI/s0/gplus.png' title='Google Plus" /></a> <a href="http://www.linkedin.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQ8KQEJFJpr2zJW90Db4lNhdLkfbzDWVPHozn_d3-x9e5uT75xK9A4vEGLeWCaozcDAwSQDAvCRB0gqpJ-qzJS5Uv4cpBg5QmYGoScuIt9LWdNABYeT1mLuWizWt0WLArdFiM4rUI-1LT/s0/linkedin.png' title='LinkedIn" /></a> <a href="http://URL BLOG/feeds/posts/default"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYfFwlq3J3Sw8BWa65NduPoIA5cEJ5QuCvKplULhFi1BUtQ0GJTuMoeiYuVHT_Ny_OKQLLrzivE7I8C-RZHj8L6B_UfDDqCq0Fo4eFnc51abWphlPGIjGm2jnjjzVuwgxlJyoFEIsXHAi9/s0/rss.png" /></a> <a href="mailto:USERNAME@gmail.com"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgBSb-F_eYzvLCv8bvCfowarq5jOzr4ehSJtOzXkA1y9NOd5wMLunkiORPlUkBdlLggmwPy_kPHKXxktixHn7un4qxOAi0MfZK4TkxhiH2nxMwDfYW_nzPQFdSCktOG1C09HHwOCOOx-O/s0/email.png' title='Email" /></a> </p></center>

NB : Ganti USERNAME Dengan Username Sobat.
      4. Simpan

Demikianlah postingan saya tentang Membuat Widget Icon Sosial Network Keren dengan Efek Spin , Semoga Bermanfaat bagi sobat semua , bila ada tutur kata yang tidak pas , saya mohon ma'af sebesar-besarnya. Wassalamualaikum.