Blogger Sosyal Ağlar Takip Butonları Eklentisi

Blogunuz için güzel bir eklenti olduğunu düşünüyorum sosyal ağ takip eklentisidir. Facebook,rss, twitter, googleplus eklentide bulunan sosyal ağ siteleridir. Css ile tasarlanmış şık görünümlü bir eklentidir. Eklentinin kurulumuda çok basittir.

Blogger - Kumanda Paneli - Yerleşim - Gadget Ekle - Html Javascipt kısmına aşağıdaki kodları ekliyoruz. Kodlarda mavi renkte belirginleştirdiğim alanları kendinize göre düzenleyin.

<div class="widget-content">
<center><style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;  
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>
<div class="touchme">
<!--RSS-->
<a class="rss" href="http://feeds.feedburner.com/MerakliOgrenci" rel="external nofollow" target="_blank"></a>
<!--Google Plus-->
<a class="googleplus" href="https://plus.google.com/İD NUMARANIZ" rel="nofollow" target="_blank"></a>
<!--Facebook-->
<a class="facebook" href="https://www.facebook.com/MerakliOgrenci" rel="nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="https://twitter.com/MerakliOgrenci" rel="nofollow" target="_blank"></a>
</div>

</center>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3635639306019249049&amp;widgetType=HTML&amp;widgetId=HTML7&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML7&quot;));" target="configHTML7" title="Düzenle">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>