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…
<!--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/AVvXsEhHn-rxfbZNNMSMTx8X0SvCtW43XAyViMYaUt3Hq8-IHvm_kZ1AL1SsFjDW7p9oINViwhx2lQGqtSaaMx4b5p5YrLX22_o40SDmG_lppZbBW1WDgJBYfy_-fKfi6fO8-4BVYw0z2DiJ9q4/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/AVvXsEjrJbP6ann2CWRXkGLJQl_8xctiyx7vUj1xRFoe2jyV57g-D8q0uhVedyckwiYfwijsyNGmELDGy29U35eymxS9-K3Shqdv-LHJiEwSAJhr0N2GMYDZ9eHVmjms6oniGSs7BAJZKuiqdCM/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/AVvXsEhHn-rxfbZNNMSMTx8X0SvCtW43XAyViMYaUt3Hq8-IHvm_kZ1AL1SsFjDW7p9oINViwhx2lQGqtSaaMx4b5p5YrLX22_o40SDmG_lppZbBW1WDgJBYfy_-fKfi6fO8-4BVYw0z2DiJ9q4/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/AVvXsEj9EjDoXf4puqyKmo3EnNTkrPL_vD3edpYiaeM-9eb2KpWHTEK-7QcHDOnOm9x6S4Mm4UW4zZzlzuCjai21xKY0D9e5ccI3rMSHt51AF7uSos4VQN_EYGKCdYytiK78hLgL5yZhno4wZJg/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/AVvXsEjxYD18v9136gNaNCm3RAWTpiq755LUdXih1ZEVrB-vIJIV4kCXAsab2IPrlDFpBoapK00U-wd8Mdfyt0q10RuJpNwZpeSR2WXSUvgurOGvOEnJHP1ndJiX721hquY_DBmXvZetrOq_ZjA/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!