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&t=Blogger%20Sayfa%20%C4%B0le%20Kayan%20Sosyal%20Bar%20Eklentisi%20-%20O%C4%9Fuzhan%20Cabbaro%C4%9Flu%20%7C%20Herkes%20gibi%2C%20herkesten%20farkli..&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&style=normal&o=http%3A//ocabbaroglu.blogspot.com/&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&size=tall&count=true&annotation=&hl=tr&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&parent=http%3A%2F%2Focabbaroglu.blogspot.com&rpctoken=177009189&_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.
Kayıtlar
