Membuat Social Icon Dengan Gambar Berputar

Membuat Social Icon Dengan Gambar Berputar - Kali Ini Saya Mau Posting Tutorial Blog Lagi, Bagi Sobat Yang Belum Tahu Cara Membuat Social Icon Dengan Gambar Berputar Saya Akan Jelaskan Tutorialnya, Sebelum Ke Pembahasan Mari Kita Lihat Dulu Demonya Dibawah Ini ( Arahkan Pointer Mouse Sobat Ke Gambar Dibawah ) :

Icon Icon Icon

Gimana Sobat ?, Keren Kan ?
Gambar Itu Bisa Berputar Karna Efek Rotate Dari CSS

Berikut Tutorailnya :


  • Login Blogger
  • Tata Letak
  • Tambah Gadget
  • HTML/JavaScript
  • Copy Kode Dibawah, Lalu Paste Di Form HTML/JavaScript



<style type='text/css'>
/* 3D Social Icon by Monster Zila */
#social a:hover {background-color: transparent;opacity:0.7;}
#social 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; }
#social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
</style>
<center>

<div id="social">
<!--Start Rss Icon-->
<a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/rss-feed-icon.png" alt="Icon"/></a>
<!--End Rss Icon-->
<!--Start Facebook Icon-->
<a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/facebook-icon.png" alt="Icon"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/twitter-icon.png" alt="Icon"/></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img src="http://icons.iconarchive.com/icons/graphics-vibe/media-pin-social/64/google-icon.png"/></a>
<!--End Google+ Icon-->
</center>

Keterangan !!! :
Ganti Kode Dibawah :
YOUR-FEED-URL-HERE Dengan URL Feed Blog Sobat
YOUR-FACEBOOK-PAGE-URL-HERE Dengan URL Facebook Sobat
YOUR-TWITTER-URL-HERE Dengan URL Twitter Sobat
YOUR-GOOGLE-PLUS-URL-HERE Dengan URL G+ Sobat


  • Simpan Gadget
Semoga Bermanfaat
Kalau Sobat Mau Share Artikel Ini Tolong Cantumkan Link Ini Sebagai Sumbernya

Share 'Membuat Social Icon Dengan Gambar Berputar' On ...

Membuat Social Icon Dengan Gambar Berputar 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

21 comments:

  1. Replies
    1. silahkan dibawa pulang ketigaxx nya xixixxixi

      Delete
  2. Replies
    1. bungkus saja keempatnya xixixxi XD

      Delete
  3. keren juga nich, coba gak ya?! :D

    ReplyDelete
    Replies
    1. silahkan dicoba, ntar kepengen loh kalo gak coba :D

      Delete
  4. Mantap nih...
    kunjungan pagi hari

    ReplyDelete
  5. thank atas infonya, , ,
    saya sudah gunakan dengan konsep saudara...
    makasih ya....
    http://mitradecapri.blogspot.com

    ReplyDelete
  6. and Gua dong DI :http://lannet-community.blogspot.com/

    ReplyDelete
  7. hebat banget tutorialnya. visit me
    Ilmu Komputer, Tutorial Blog, Tentang Sahabat, Motivasi dan Ilmu Kehidupan - See more at: http://rempasboy.blogspot.com/

    ReplyDelete