Membuat Widget Icon Social Network Keren dengan Efek Spin

http://4.bp.blogspot.com/-TDSGihH2ehs/UvOyNJRqMoI/AAAAAAAAAAc/tVKH64_s2TM/s1600/2.gif
Bookmark and Share
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).

Widget Icon Social Network Keren dengan Efek Spin ini juga ringan / tidak memberatkan loading blog anda, selain seperti yang sudah saya jelaskan diatas, bahwa tampilannya juga keren. Jadi tunggu apa lagi ?? ayo langsung memasangnya.

Berikut ini Contoh gambarnya :
Icon Sosial Network
Bila disentuh Cursor Akan berubah seperti ini :
Icon Sosial Network

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 http://planetajaib.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 http://planetajaib.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/AVvXsEiFoD9kcC2gA_LQiZMnHozNQnaeMdKMqQt8sWR0sqWvsX7YZzCaXPcH0L4QkiETAZr2PWsmvLRqHhw-gZiyQ4xSz54wjQM03rMAjSR1O9wM7n8UGUsa_diSvCW4Xeb8mTGsRJVPv7LSkufb/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/AVvXsEgBGbovW11tia5js1ETUEevLXT8M_rk88fnkorYCv6RbvO_FDM6C6tWeGyr0n92kj2hOn17NoY2rrWR8ZpSWFuDPoScepSDUO99jND6c4UmBnKsBaZ8b2IpHS_d6DQTDjcsvNkZpoAJJ5aL/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/AVvXsEgezb3dVbzmDC9uqCiDxeORa10JgDslHiU_l2eOFlJDR2QHJTvkzeeE_i9J1cUbPWQAK_2J81S4YOWyzTuwMj-mhEJP3kgg8SIzcDJwhrIJvFxnfARDJXrpt9m5ZPEZI4GQO-B1nvwUKZk1/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/AVvXsEiEzQc_ROTfVZmgH3Xmkr5MF24Vj09t4Qu-bp5vYQjJ5-mbbc57MHRMapditAJNZELeBvc1zzE5i90H9oOF91Z1wBimYE3to9C9bWd2E29u_WIPigqPIC7tqGYkb0Lz7tWFdOsRtNRwK1sw/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/AVvXsEhaJSSd7QV5Of0LJMp4pZkbKlVKmeTWHJWXZo4QmHDOkWghhOs69kn27wKDykW8ayl_i1tyhS56Hn2Gq9lPN7V-cACK9lbdXaq8fsTfzak9vcNckC-QquiT6Mpv7SAoitsyuDRONgdHP5Zt/s0/rss.png" /></a> <a href="mailto:USERNAME@gmail.com"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwdpGo3-0f-yIHHhkS5daI3sJqUckhD9XxeyqSmVPgpcMk1l7Azsy62bmKZz-qZ5fuMNtUVKO3aWzSsrWi_qVlWFyb1dBchuho1t6eoG9DWY-RhA3dm-zMVtfFoVbgr8wbwwc-g95AXaO/s0/email.png' title='Email" /></a> </p></center>
NB : Ganti USERNAME Dengan Username Sobat.
      4. Simpan

Sudah tahu kan caranya ??? kalau saya sih berharap semua mengerti cara ini, kalau anda belum tahu (masih kurang mengerti) bisa tanyakan lewat komentar dibawah.

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.

{ 0 komentar... Views All / Send Comment! }

Posting Komentar