CARA MEMBUAT Floating Social Subscribing Button With Expanding Hover Effect DI BLOGSPOT

Floating Social Subscribing Button With Expanding Hover Effect For Blogger



*  login dulu blog mu
*  tata letak
*  tambah gadget
*  HTML/Javascript
*  copy kode dibawah dan letakkan ke dalam HTML/Javascript
<style> 
.ST-flt-wdt{ 
position:fixed;
right:10px; 
top:30%;
}
.ST-flt-wdt img{
float:right; 
clear:right; 
margin:1px; 
-webkit-transition: all .0s ease-in-out; 
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; 
} 
.ST-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg); 
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg); }
</style> 
<!-- By SafeTricks.Net -->

<div class="ST-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/ivankvalentine" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1x7M15JMqFg23bHcbFGrTAs3N120d6iaoK4vWmAfFk9XKXAdTpWf37jVGv37QFJ-EiiNlj_9E1huyVi8_Rjv3KwklUNAqzddG3yO0xd2lqgAtRX5AtRs14Zmz3CD2jcBx2sNdkIAL5dM/s64/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/ivankGribatako" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnh-H1R3-ygecxl7g9yvs70KwMWLv5QDWfstTBp9DCHYfuPX_v6ijKteAJhcngdXXWsMcMiy2r5bjyy_Eb_oEqCUOwsJigLjieFnOHKVqVMMk3F44_ogWaPBIb48bYb7HOASD1ECA5DkA/s64/twitter.png" /></a> <!-- RSS --> 
<a href="http://feeds.feedburner.com/ivankgribatako" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTjmoDRonnhRFoBLo7GIq_oiGfW8C3wwfakZ8LofyPjR_oYL412TOmvQIw4KTJxszGiXC_NBHlhmgQfjNH-_DLmZdv7ONSGBb2E-KK7g4GOWAap21Y-Z_8ftihCL-59jASV-6Jy4sbyDU/s64/Rss.png" /></a>
<!-- Email --> 
<a href="Contact US Link" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEU0WUPH4MC4KArBvjnhOSrpuA9O8ijrsGqyMpc2i_pBIyKAgrQwUMlLsmhFZnu1IdvQHOBFPHCqWzfgehroUfY0ufNemWki_Xlhzp9adHmLMmDW5JOCUy70ISnBtuK7uhYhNt6W6hsew/s64/Mail.png" /></a>
</div>
{ Catatan }
[ ganti warna merah dengan url sosdmed mu ]

***  THANK  YOU  GUYS  ***

Baca Juga Artikel Terkait Lainnya

Thanks For Your Comment Here