21 Ağustos 2015 Cuma

Blogunuza kayan sosyal medya butonları ekleyin

Kayan sosyal medya butonları ünlü bloglarda oldukça kullanışlıdır.Ekleyeceğiniz bu sosyal medya butonları sayesinde yayınlarınız daha çok paylaşılabilir.

Kayan sosyal medya kutusu Facebook,Twitter,StumbleUpon,Google+ ve Digg butonlarına sahiptir.Daha sonra istediğinizi ekleyebilirsiniz.


                  



Bunu eklemek için:

Adım 1:Blogger hesabınıza giriş yapınız ve Yerleşim bölümüne gidiniz.

Adım 2:Gadget ekleye tıklayın,açılan sayfada aşağıya inin ve HTML/JavaScript seçin.

Adım 3:HTML/JavaScript seçtikten sonra temiz bir pencere açılacaktır.Alttaki kodu kopyalayıp buraya yapıştırın:

<!--SideBar Floating Share Buttons Code Start-->
 <style>
 #pageshare {position:fixed; bottom:10%; right:10px; float:right; border: 1px solid black;
 border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
 0;z-index:10;}
 #pageshare .impbutton {float:right;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;-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>
 <div id='pageshare' title="Share This With Your Friends">
 <div class='impbutton' id='ww'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
 <div class='impbutton' id='yy'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
 <div class='impbutton' id='googlep'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
 <div class='impbutton' id='xx'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
 <div class='impbutton' id='dd' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
 <div class='impbutton' id='ll'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://opinion34.com/"
 target="blank"><font color="black"></font></a></div></div>
 <!--SideBar Floating Share Buttons Code End-->

Adım 4:Kaydet'e tıklayın.



Gerekli özelleştirmeler


-Kırmızı renkle belirtilen 15 rakamı, butonların dikey konumunu belirler.Bunu kendinize göre ayarlayabilirsiniz.
-Kırmızı renkle belirtilen -721 rakamı butonların yatay konumunu belirler.Bunu kendinize göre ayarlayabilirsiniz.
-Yeşil renkle belirtilen yere yanı Blogger ustası  yazılan yere kendi twitter hesabınızın ismini yazabilirsiniz.
-İstemediğiniz butonu silebilirsiniz her buton kodu alttaki kod gibidir:


<div class='sbutton'> Buton kodu </div>