Blogger Sayfa İle Kayan Sosyal Bar Eklentisi

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.



Tasarım > Sayfa ögeleri > Gadget ekle > Html / Javascript ekle bölümüne giriyoruz ve aşağıdaki kodumuzu ekliyoruz;

Kod:

<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;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-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><span style="font-family: Verdana, sans-serif;">
<div id="pageshare" title="">
<div class="sbutton" id="fb"><a name="fb_share" type="box_count" style="text-decoration: none; " href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Focabbaroglu.blogspot.com%2F2012%2F01%2Fblogger-sayfa-ile-kayan-sosyal-bar.html&amp;t=Blogger%20Sayfa%20%C4%B0le%20Kayan%20Sosyal%20Bar%20Eklentisi%20-%20O%C4%9Fuzhan%20Cabbaro%C4%9Flu%20%7C%20Herkes%20gibi%2C%20herkesten%20farkli..&amp;src=sp"><span class="fb_share_size_Small fb_share_count_wrapper"><span class="fb_share_count fb_share_no_count fb_share_count_top"><span class="fb_share_count_inner"> </span></span><span class="FBConnectButton FBConnectButton_Small" style="cursor:pointer;"><span class="FBConnectButton_Text">Share</span></span></span></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div class="sbutton" id="rt"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script><iframe src="http://api.tweetmeme.com/button.js?url=http%3A//ocabbaroglu.blogspot.com/2012/01/blogger-sayfa-ile-kayan-sosyal-bar.html&amp;style=normal&amp;o=http%3A//ocabbaroglu.blogspot.com/&amp;b=1" height="61" width="50" frameborder="0" scrolling="no"></iframe></div>
<div class="sbutton" id="su"><script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script><su:badge layout="5"></su:badge> <script type="text/javascript">   (function() {     var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;     li.src = 'https://platform.stumbleupon.com/1/widgets.js';     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);   })(); </script></div>
<div class="sbutton" id="digg" style="margin-left: 3px; width: 48px;"><script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script> <span class="db-wrapper db-clear db-medium"><span><span class="db-container db-submit"><span class="db-body db-medium"><span class="db-count">0</span><span class="db-copy">diggs</span><a class="db-anchor">digg</a></span></span></span></span></div>
<div class="sbutton" id="gplusone"><script src="https://apis.google.com/js/plusone.js" type="text/javascript" gapi_processed="true">
</script>
<div id="___plusone_1" style="height: 60px; width: 50px; display: inline-block; text-indent: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial; "><iframe allowtransparency="true" frameborder="0" hspace="0" id="I2_1327579241936" marginheight="0" marginwidth="0" name="I2_1327579241936" scrolling="no" src="https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Focabbaroglu.blogspot.com%2F2012%2F01%2Fblogger-sayfa-ile-kayan-sosyal-bar.html&amp;size=tall&amp;count=true&amp;annotation=&amp;hl=tr&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3DGIwJDricDCc.en.%2Fsv%3D1%2Fam%3D!woarlKJ6couIIM1yWA%2Fd%3D1%2F#id=I2_1327579241936&amp;parent=http%3A%2F%2Focabbaroglu.blogspot.com&amp;rpctoken=177009189&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart" style="width: 50px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 60px; position: static; left: 0px; top: 0px; visibility: visible; " tabindex="-1" vspace="0" width="100%" title="+1"></iframe></div>
</div>
<div style="clear: both; font-size: 9px; text-align: center;"><a href="http://www.ocabbaroglu.blogspot.com/">Ocabbaroglu</a></div>
</div>
</span>

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