Popunder

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
Share it:
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>
Share it:

Blogger İpuçları

Post A Comment:

0 comments:

1- Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz.
2- Yazım ve dilbilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3- Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4- Yukarıdaki kurallardan herhangi birine uymamanız durumunda, site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.