Floating Social Media Sharing Buttons For Blogger

Floating Social Media Sharing Buttons For Blogger

Aj mai apke sath share karunga Floating Social Media Sharing Buttons widget. Ye widget sabhi blogs mein bohot popular hai. 90% blogs mein ap floating sharing buttons dekh sakte hai. Ye blog ko ek expensive look deti hai. Social media blog ki promotion ke liye bohot hi jaruri hai. Aur ek share bohot sari visitors la sakti hai. To kyun na ek expensive floating sharing button blog mein jore aur apne posts ko readers ke dwara share hote dekhe.

Read Also : Blogger Mein Color Code Generator Tool Kaise Jore?

Blog Mein Floating Social Media Sharing Buttons Kaise Jore?


Niche diye gaye easy steps ko follow kare.

Step 1. Pahle apna Blogger Account mein log in karke Dashboard > Layout > Add a Gadget mein click kare.

Step 2. Abh HTML/JavaScript choose kare.

Floating Social Media Sharing Buttons For Blogger

Step 3. Niche wala sara codes copy karke content box mein paste kare.

<!-- floating share bar Start --> <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; 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> <div id='pageshare' title="Get this from helperbus.com">
<div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div>
<br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='HelperBus' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
<br /><div class='sbutton' id='su'> <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='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </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><br/><a href='http://feeds.feedburner.com/helperbus' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='http://2.bp.blogspot.com/-MoGJ9Y3EdzQ/T8f4cj6LHMI/AAAAAAAACP4/VsM0eaG2EM4/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://www.helperbus.com/">Widget</a></div><!-- Do not remove this link --> </div> <!-- floating share bar End --></div>

Customization

1. HelperBus ko apna Twitter username se replace kare.
2. http://feed.feedburner.com/helperbus ko apna RSS Feed URL se replace kare.

Recommended Posts:

Step 4. Finally, Save button mein click kare.

Lo ho gaya. Apna blog chech kare. Apko nasar aega ek expensive, profession looking floating social media sharing button. Thanks.


SHARE THIS

Author:

I'm an 18 years aged Passionate Blogger from West Bengal, India. I just love to write articles and share them with people. The day was 28th September 2015, when my dream of having a website comes true and I made this website to help you and peoples like you!

Previous Post
Next Post