Membuat Share Sosial Media Spining effect CSS3

Selamat pagi sobat blogger semoga dalam menjalankan aktivitas hari ini kita semua mendapatkan kemudahan dari yang maha kuasa amin, setelah sebelumnya saya posting Tentang Award Pertama Untuk Kolom Tutorial™,  Sunshine Award Dari Adis Outline selanjutnya Kembali ke Tutorial Blog Kali ini bahasan kita adalah Bagaimana Cara Membuat Share Sosial Media Spining effect CSS3 untuk tutornya silakan disimak hehhehhe..
Penerapannya :
1. Seperti biasa Login dulu ke akun Blogger sobat
2. Klik Tata Letak
3. Klik Add Widget
4. Klik HTML/Java Scrift dan taruh Kode dibawah ini :

<style>

p#rb_socialicons img {
 /* Spinning Social Icons Widget By http://joens-tutorial.blogspot.com */
    -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#rb_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 http://joens-tutorial.blogspot.com */

</style>


<center><p id="rb_socialicons">
    <a href="http://www.facebook.com/joens.tutorial">
<img border="0" src="http://1.bp.blogspot.com/-N4xPTTdzhPY/UHWQ6CTbY6I/AAAAAAAAB6U/w4CL1vu5cxU/s1600/rb+facebook+icon.png" /></a>
    <a href="http://www.twitter.com/alexjoen">
<img border="0" src="http://2.bp.blogspot.com/-t07nljnpfIM/UHVfkaIIZ0I/AAAAAAAAB4o/KQW06ImweGE/s1600/rb+twitter+icon.png" /></a>
    <a href="https://plus.google.com/u/0/108597184913188482016">
<img border="0" src="http://4.bp.blogspot.com/-7mAzNl7Z7xE/UHVgVwwSIlI/AAAAAAAAB4w/f8BLEHL-E34/s1600/rb+google+plus+icon.png" /></a>
    <a href="http://www.feeds.feedburner.com/kolomtutorial">
<img border="0" src="http://1.bp.blogspot.com/-dtAH6z03xg4/UHVh61yRPYI/AAAAAAAAB50/KDXFmydULSk/s1600/rb+rss+feed+icon.png" /></a>
    <a href="http://www.youtube.com/alexjoen">
<img border="0" src="http://4.bp.blogspot.com/-tEdyw04wQbg/UHVgvQGZP0I/AAAAAAAAB44/Ac4uijqkgj8/s1600/rb+youtube+icon.png" /></a>
</p></center>

5. Klik Save.

Note :
Ganti Semua yang diblok warna dengan akun terkain sobat. Selamat Berkreasi.

Berlangganan update artikel terbaru via email:

8 Responses to "Membuat Share Sosial Media Spining effect CSS3"

  1. Nice for sharing sobat...
    Langsung mo ane praktekin nie sob...
    thanks ya!

    ReplyDelete
  2. Wah .. bagus ini ... simpan dulu sob ... moga aja bs saya terapkan di blog saya yang lain ...

    ReplyDelete
  3. TQ karna telah memberitahukan tentang your

    ReplyDelete
  4. thanks sudah saya praktekkan dan berhasil :)

    ReplyDelete
    Replies
    1. Sama2 gan terimakasih atas kunjungannya gan....!!!

      Delete

Terimakasih banyak atas kunjungannya, salam silatuhami Alexjoen

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel