Blogger - Sosyal Ağlar Takip Eklentisi

Advertisemen
Blogger - Sosyal Ağlar Takip 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/TahtaTebesir" 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/TahtaTebesir" rel="nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="https://twitter.com/TahtaTebesir" 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>
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments