Blogger Sayfa İle Kayan Sosyal Bar Eklentisi

Selam Blogcanlarım :) Yeni bir paylaşımla daha sizlerleyim bu Eklenti ile sayfanızı takip eden Sosyal bar sizlere

Eklentimiz sayfanın solunda, sayfa ile beraber kayıyor. Her sayfa için ayrı bir paylaşım istatistiği sunuyor. Eklentinin demosuna buradan bakabilirsiniz. Ayrıca eklentinin en önemli özelliği ise, o sayfa daha önce kaç kere paylaşılmışsa, bunları eklentiyi ilk kurduğunuz andan itibaren istatistiklerde gösteriyor.

Gelelim kuruluma.

Üst taraftaki panelimizden Tasarım > Sayfa ögeleri > Gadget ekle > Html / Javascript ekle bölümüne giriyoruz ve

<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButto
n-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
dn.net/connect.php/js/FB.Shar
<div id='pageshare' title="">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fb
ce" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
'text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type
=</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.blogkaan.com/">Kişisel Blog</a></div><!-- Do not remove this link -->
</div>

kodlarını yapıştırıp tamam diyoruz. Daha sonra bu gadgeti alıp blog kayıtları bölümünün altına taşıyoruz ve kaydediyoruz.

İşlem bu kadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.