Blogger Sayfa İle Kayan Sosyal Bar Eklentisi

BLOGGER SAYFA İLE KAYAN SOSYAL BAR EKLENTİSİ
Eklentimiz sayfanın solunda, sayfa ile beraber kayıyor. Her sayfa için ayrı bir paylaşım istatistiği sunuyor. Eklentinin demosuna buradanbakabilirsiniz. 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 eklebö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 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><span><span> </span></span><span style="cursor:pointer;"><span>Share</span></span></span></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script></div> <div 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 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 id="digg" style="margin-left: 3px; width: 48px;"><script src="http://widgets.digg.com/buttons.js" type="text/javascript"> </script> <span><span><span><span><span>0</span><span>diggs</span><a>digg</a></span></span></span></span></div> <div 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>