Icons Sosial Media Dengan Efek Spin

Icons Sosial Media Dengan Efek Spin

Posted by Robi Armansyah
Widget Icon Sosial Media Dengan Efek Spin
Social Media Icons Dengan Efek Spin -  Widget ikon sosial media ini akan memberikan efek spinner atau berputar pada saat di sorot mouse.

Icons Sosial Media Dengan Efek Spin
Demo


Tutorial Membuat Widget Icons Sosial Media Dengan Efek Spin
Buka dasboard blog ▬►Tatak Letak ▬►Add gadget HTML
Seperti pada gambar dibawah
Lalu masukan kode berikut pada add gadget HTML trsebut..

Icons Sosial Media Dengan Efek Spin
<style>
#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);
}
.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}
.CSS_LIGHTBOX_BG_MASK
{
background-color:#990000 !important;opacity: 0.8 !important;
}
.post img {max-width:95% !important;}
</style>
<br />
<center>
<div id="social">
<a href="http://feeds.feedburner.com" target="_blank" title="Grab Our Rss Feed">
<img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUU1_BIIFTLOptyVadP3oh2JLTPiLMogPHK6TYrEk0ExQ71piOMr30mPjv6CO1PVj-YpASdWbCRWih98_dasBgaKqJRZovOfF2LM0bB5-fiMXip0J-IXSciuk2trk-lQM5KrkmcST9fN-M/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&amp;loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_U4gIRzC6dIjj2ZLewvIKK7Fwxve_gV38Jg3d419z4WUPyscs49A_phen1ad3ARWogN-Wu55go1dwmKjQbI72GNEPnbHxcGcH5s49Hx7Wy5eu4cLaMXYeg2qdzbUKC0rDJrtBvzcSlQyP/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://facebook.com" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLSN7RerJD8vDUtAFYusF4T3CIL2WbrvvwGDciDyISRsFZhXbn-jYHQLZHoikqiPP8vTIum6bHI8MMv6LNV6Az_LBkuKT8f8ojK2l6ViWzyJEeKK5DasPyxfVisXv5qYEcXIAVFvCA3wDz/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://twitter.com" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwi2AytDrBv44eUFC-wvg_XuVUhjK_JVRZCDBdG2R17EGEV7qxOUlzX8ECq_VbOZwAAE8DBcUMDtyorfP6EJf6BT0kaZ9AhC9wmiiCY0jJ_s2MOMKx2Dtc6tVfI1saWfB-npbZhD5PvVEr/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a>

<a href="https://plus.google.com" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIIsHqJLE44fW_R038_GbA4DEpF1xYCW-A10T3Lfswjqx2fW_X2Ps3_KLNDuH66HJ8xrn1GBEIt9hYfmeA6qe3whVJR4h6EJtFZUYU0w5cVvNUEbad307SfIbJFkUCEzpyJDJedBuzvQt3/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a>

<a href="http://pinterest.com" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ckB9OO3zBpexz_dsIpp_U2EnalI9Hk912ONvNUCjQ9m-cu7scQ6L3O2HBIOLrKWwVdNUPuPqL_GnKR9Gmivuxg4SjiSSfSiE7y6QlkpbR3ruaXkZTotvT95vueorvn7v6uFjzJPnEN_L/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div>
</center>

URL yang diwarnai Merah silahkan diganti dengan URL sosmed sobat sendiri...

Ditulis Oleh : Robby Armansyah

DMCA.com Protection StatusAnda baru saja membaca artikel dengan judul Icons Sosial Media Dengan Efek Spin. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.
✚

2 comments

Subscribe to:Post Comments (Atom)