Dönme Efektli Sosyal Takip Eklentisi

Google’dan sonra en önemli trafik kaynaklarından biri olan sosyal medya kanallarında yer almaya dikkat etmeliyiz. Facebook, Twitter, Google+ gibi popüler sosyal platformlarda takipçi sayımız ne kadar çok olursa, blog trafiğimiz o kadar artar. Bu yüzden blogumuza sosyal medya butonları koyarak ziyaretçilerimizi bu platformlardaki hesaplarımıza yönlendirmeliyiz. İşte blogunuzun kenar çubuğuna ekleyebileceğiniz, hover efektli şık bir sosyal takip eklentisi…

Eklentiyi blogunuzda kullanmaya karar verdiyseniz Blogger kumanda paneline girdikten sonra Yerleşim > Gadge Ekle > HTML/JavaScript Gadget yolunu izleyerek aşağıdaki kodları eklemeniz yeterli.

<!--WebLatnok Metro Spinning Sosyal Takip Eklentisi-->
<div class="subscribe"> 
<ul> <li class="rss"><a href="http://feeds.feedburner.com/weblatnok" target='_blank'><span></span>RSS</a></li> 
<li class="twitter"><a href="http://twitter.com/weblatnok" target='_blank'><span></span>Twitter</a></li> 
<li class="gplus"><a href="https://plus.google.com/weblatnok" target='_blank'><span></span>Google Plus</a></li> 
<li class="facebook"><a href="http://facebook.com/weblatnok" 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh980H2ruaim-GqpvdE8FHzzzvkaFGfr9DVisooPUtqFX-SEsGsFPKXDv7jX3naRU4qJxmCtJpB83yw7EfpxbsSiNJtfRPEfQTnztfuhz359tCkybWQfUOPtL6yLp9bJXvVxKfMF-oCNbE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdA3oqyJQJCSHbjGXq5lrFjWXyZqmQTNMyMzppjUsj4UY_U9uYzEx2VqAWyAyuXqpFRAu0n4Uj253cQsi22gAIyRNsfUjsby1zHFXMHpWeix16CjOmUxPEx3VJq8XPgaP69ky_IyH8YpQ/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh980H2ruaim-GqpvdE8FHzzzvkaFGfr9DVisooPUtqFX-SEsGsFPKXDv7jX3naRU4qJxmCtJpB83yw7EfpxbsSiNJtfRPEfQTnztfuhz359tCkybWQfUOPtL6yLp9bJXvVxKfMF-oCNbE/s1600/twitter_icon.png) no-repeat; 
} 
.subscribe .twitter a { 
background: #91C661; 
} 
.subscribe .gplus span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54ApPdIF9BG3L7UaiyK9OWE7_h6amL3MCl7CC4N3_HKH791izfVJm5uKVK9BYATgkMx_MmNx1WemTADbWrd1CEBOKiz1HBRlu9TFwj6SIxEgFwYMuyANtPK84SmjpaLMFOMYjoJh1b8g/s1600/googleplus.png) no-repeat; 
} 
.subscribe .gplus a { 
background: #D74D2F; 
} 
.subscribe .facebook span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKoe5nEVSLHWfGEvtvXormBFC-p1pOfcbbgQXy5wUPHdJerIIynt1YQB8RpByATGSAoGrbYJI5dGXDyH1tvORAHMBNMyTuuuNBhsbmNYglcOPup51gubb4vvFpCBOZtWTTNxOUjV6s_g/s1600/facebook-icon.png) no-repeat; 
} 
.subscribe .facebook a { 
background: #3B5998; 
} 
</style>
<!--WebLatnok Metro Spinning Sosyal Takip Eklentisi-->

Yukarıdaki WebLatnok’a ait hesap adreslerinin yerine kendi adreslerinizi yazmayı unutmayın!