Süper Dönme Efektli Sosyal Eklenti

 Blogunuzu daha da sosyallaştırmanız için bu eklenti tam size göre.Bugün paylaşacağım eklentiyi blogunuzda bulundurarak blogunuza şıklık katacaksınız.Blogların en iyi ziyaretçi getiren kaynaklardan biri de sosyal medyadır.Bu nedenle sosyalleşmek blog kullanıcıları için vazgeçilemezdir.Blogunuza şık görünümlü bu eklentiyi eklemek kolay ve zahmetsiz bir iş olucaktır.Blogunuzu geliştirmeniz için sizlere sunulan bu eklentiyi kullanmanızı tavsiye ediyorum.

donme efektli sosyal eklenti


Nasıl Eklerim ?

Blogger >> Yerleşim >> Gadget Ekle >> HTML/Javasicript yolunu takip ederek aşağıda verniş olduğum kodları eklemeniz yeterlidir.

<!--Harunlog Metro Spinning Sosyal Takip Eklentisi-->
<div class="subscribe"> 
<ul> <li class="rss"><a href="http://feeds.feedburner.com/Blogger-yazariBloggerEklentileri" target='_blank'><span></span>RSS</a></li> 
<li class="twitter"><a href="https://twitter.com/BloggerYazari" target='_blank'><span></span>Twitter</a></li> 
<li class="gplus"><a href="https://plus.google.com/u/0/102975544316893716314" target='_blank'><span></span>Google Plus</a></li> 
<li class="facebook"><a href="https://www.facebook.com/Blogger.Yazari" target='_blank'><span></span>Facebook</a></li> </ul> 
</div> 
<style> 
.subscribe li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.subscribe li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-webkit-transform: rotate(-20deg); 
transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.subscribe .twitter span { 
background-color: transparent; 
background: url(http://4.bp.blogspot.com/-4wYTPzOLq3U/UfVpXDkLEQI/AAAAAAAABCE/z9T4Cl3UJnE/s1600/twitter_icon.png) no-repeat; 
} 
.subscribe .twitter a { 
background: #91C661; 
} 
.subscribe li a:hover span { 
transform:rotate(340deg); 
-webkit-transform:rotate(340deg);    
}    
ol, ul { 
list-style: none outside none; 
} 
.subscribe li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.subscribe li { 
display: inline-block; 
margin: 0 20px 10px 0; 
position: relative; 
width: 200px; 
} 
.subscribe .rss span { 
background-color: transparent; 
background: url(http://1.bp.blogspot.com/-bLkQLrkm2tc/UfVpXKVcLyI/AAAAAAAABCA/TuUyyebw8Bs/s1600/rss-icon.png) no-repeat; 
} 
.subscribe .rss a { 
background: #F67F00; 
} 
.subscribe li a { 
color: #FFFFFF; 
display: block; 
font-family: verdana; 
font-size: 12px; 
padding: 10px 10px 10px 40px; 
text-decoration: none; 
font-weight: bold; 
} 
.subscribe li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-webkit-transform: rotate(-20deg); 
transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.subscribe li a:hover span { 
transform:rotate(340deg); 
-webkit-transform:rotate(340deg); 
}  
.subscribe .twitter span { 
background-color: transparent; 
background: url(http://4.bp.blogspot.com/-4wYTPzOLq3U/UfVpXDkLEQI/AAAAAAAABCE/z9T4Cl3UJnE/s1600/twitter_icon.png) no-repeat; 
} 
.subscribe .twitter a { 
background: #91C661; 
} 
.subscribe .gplus span { 
background-color: transparent; 
background: url(http://4.bp.blogspot.com/-wHxS3NEs3Tc/UfVpWcpqcrI/AAAAAAAABB0/2kcFjAo9BqM/s1600/googleplus.png) no-repeat; 
} 
.subscribe .gplus a { 
background: #D74D2F; 
} 
.subscribe .facebook span { 
background-color: transparent; 
background: url(http://3.bp.blogspot.com/-k6R-0tsbDVw/UfVpWe2S9YI/AAAAAAAABBw/JdcnV2LTaAk/s1600/facebook-icon.png) no-repeat; 
} 
.subscribe .facebook a { 
background: #3B5998; 
} 
</style>
<!--http://harunlog.blogspot.com/  Sosyal Takip Eklentisi-->

Not: Kırmızı ile işaretlenmiş yerleri kendi idleriniz ile değiştiriniz.

Yorumlar