Widget Sosial Media Unik Model Permen

Tips Widget Sosial Media Unik Bentuk Permen - Mungkin diantara kalian sudah sering melihat aneka model dan bentuk widget yang bermacam - macam dari yang menggunakan CSS maupun efek Jquery sewaktu blogwalking maupun sedang jelajah di internet. Tampilan ibarat wajah untuk sebuah blog semakin unik akan semakin banyak yang melirik, tentu saja dengan penerapan dan penataan yang kontras dengan isi dari sebuah blog itu sendiri.

Tips Blog kali ini masih melanjutkan artikel sebelumnya tentang widget social media unik, widget social media unik ala metro ui, widget social media efek egg sliding, dan sebagainya. Sebagai gambarannya adalah seperti gambar diatas namun dengan efek rotari ( berputar ) saat disentuh cursor.

• DEMO

Jika anda berminat silahkan ikuti langkah - langkah berikut ini :

Masuk Dashboard >> Add Gadget >> HTML/Javascript >> Copas kode di bawah ini :

<style>
.permen-mubeng{height:5px; width:5px; margin:30px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.permen-mubeng img{-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;margin:0px; box-shadow:2px 2px 6px 3px rgba(0,0,0,0.3)}
.permen-mubeng img:hover{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);  -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
</style>
<a class="permen-mubeng" href="http://feeds.feedburner.com/SamsurySites" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1ncriJlZqTF9u95B8oFHdHGkM0XQ9rImZx1mkpQjxaKpJ4nUAHrFFgWx0jVupKiWLLPNOjFK04Ql8RBb7Skad12rl47c-5sP0UVT_m1B70A5uDvlCrcnATwOMYFcapd2Ehy5JfBuFRk/s1600/RSS-Permen.jpg" /></a>
<a class="permen-mubeng" href="https://plus.google.com/107626604925745778642" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nhhiFqAwbFNA7NWqMxVlRf6Kr5pjh-FslDPhZiKD250aLQAecsfF_5S_A6UkBteZWGvPpF82dzyWXEPn8EsK2OAVI6uKisHmMfrqH6kTCU4ts4qpgYHFe42h-ZYs6rC9zeqlHckcFtg/s1600/Google-Permen.jpg" /></a>
<a class="permen-mubeng" href="http://facebook.com/" rel="nofollow" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75eKjqhHj01Qr3eclksbGfEyvnIishf6IcZbRAP-BclHuCud2EexhSM1xvfOojpVR292dcapBTsE8zNRHN7ld_LoizRev4CeEmHb2B9K2vNhL2xaVIcTyCsL4J9vHDw581B2eHw8w45Y/s1600/Facebook-Permen.jpg" /></a>
<a class="permen-mubeng" href="https://twitter.com/" rel="nofollow" target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinx3Cf0A7GolTrPdKOdmkyMz36PzkKlI7M-5XbC8WGSjsjwNofiXRFC3ePA2V2IVP89rw_PRKVffYlhkSVjWbvpaMA0D8eYsEs3ROZl85vY8Dnc1iyvozTtI4QR0mgvOqkeUh5JTe5f90/s1600/Twitter-Permen.jpg" /></a>
<a class="permen-mubeng" href="http://www.linkedin.com" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiul2rwJfwf-7PurXPWUHG4K6YFB16_47b6QszW-SgoAln1Kc77Q-LpBnRjaFoBVCxwY0OGLBcIr91XDKUvz3iZIka-_NkNSpEqyboL4E4tO-ZF-leRh_sy16BUIoGthGrGOKu88rXB60A/s1600/Linkdein-Permen.jpg" /></a>
<a class="permen-mubeng" href="http://www.youtube.com/" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_djAfgH65KrpFh53vnxV-Kpezk-0pVmJlF7oyKc1mAtGpecA-G53tjmLe7MCLsWHzvn7KM12J0lsBUU96ln2VShXVK9XsvKEKYCqyFmIKtDO-ZSuceEEdLMGPkm-8IqC2vZzWpG9Lnrc/s1600/Youtube-Permen.jpg" /></a>

Ganti tulisan warna cetak tebal dengan URL ANDA

Demikian tips widget social media unik kali ini semoga bisa bermanfaat.
Terimakasih

Like THIS :

Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku