 |
| How to add Social Media Floating Button in Blogger Blog |
नमस्कार दोस्तों स्वागत है आप सब का हमारे ब्लॉग your passion पर आज की इस पोस्ट में हम जानेंगे. की कैसे हम अपने blog पर floting social media share button लगा सकते है. इस article को शुरू से लेकर आखरी तक ध्यान से पढ़े और जैसा की इसमें कहा गया है आपको बस वैसा ही करते जाना है.
जिन लोगो ने अभी अभी अपना नया ब्लॉग बनाया है उन्हें हम यह बता दे की Social media blog की traffic increase करने का सबसे अच्छा रास्ता है. इसके साथ ही social media से हमे blog की post search engine में जल्द से जल्द और ऊपर दिखाने में भी मदद मिलती है. हर blogger यह चाहता है की उसकी post को ज्यादा से ज्यादा लोग पढ़े और उसे share करें.
आज हम आपको इस tutorial में Facebook, twitter, google plus जैसे social media के floating button blogger के left side में add करना बता रहे है. जिससे आपके blog के visitors आपके blog post को direct social network site पर share कर सकते है. इससे पहले हम blog की हर post के निचे/ऊपर social share button लगाने का तरीका भी बता चुके है. अगर आप चाहे तो आप हमारे ब्लॉग के blogspot category के सभी पोस्ट पढ़ सकते है.
How To Use Floating Social Share Button on Blog
( 1 ) सबसे पहले आपको निचे दिए box में जो code है उसे copy कर लेना है. उसके बाद आप इस कोड में Bottom:10%; Margin-left:-740px; code को adjust करके आप अपने हिसाब से size सेट करके social share button की जगह को set कर सकते है.
इन्हें भी जरुर पढ़ें : Blog Par Social Media Follow Button Kaise Add Kare
<style type="text/css">#social-buttons {bottom:10%;position:fixed;border-radius:1px;margin-left:-740px; float:left;#social-buttons .button-share{padding:0 0 2px 0; } float:left; clear:both;<div id='social-buttons' title='Get This Widget'>margin:2px 2px 0 2px; } </style><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script><div class='button-share' style='margin-left:3px; id='pinit'><a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.manidin.com%2F&media=http%3A%2F%2Fwww.manidin.com%2F&description=Next%20stop%3A%20Pinterest" data-pin-do="buttonPin" data-pin-config="above"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a><div/> <div class='button-share' style='margin-left:3px;' id='gplusone'> <div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"> </div> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;if (d.getElementById(id)) return;po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script></div> <br/> <div class='button-share' id='like' style='margin-left:3px;'> <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];<a class='twitter-share-button' data-count='vertical' data-via='Manidin' expr:data-counturl='data:blog.url' href='https://twitter.com/share' rel='nofollow'>Tweet</a><script src='https://platform.twitter.com/widgets.js'; type='text/javascript'></script>js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"> </div> </div> <br /> <div class='sbutton' style="margin-left: 3px;" > </div><script src='https://widgets.digg.com/buttons.js' type='text/javascript'></script><script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US </script> <script type="IN/Share" data-counter="top"></script> <br /> <div class='button-share' style='margin-left:3px;' id='su'> <script src="https://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <br/> <div class='button-share' id='digg' style='margin-left:3px; width:45px'> <a class="DiggThisButton DiggMedium"></a> </div> <br/> </div></div></div>
( 2 ) अब copy किये code को आपको paste करना है, इसके लिए आपको Blog के dashboard >> layout पर click करना है. इसके बाद आप कही पर भी Add a Widget पर click करें और फिर एक pop up open होगा उसमे आपको HTML/Javascript gadget select करना है.
फिर एक box open होगा आपको उस box में copy किये हुए code को paste कर देना है. उसके ऊपर title का एक box होगा उसे आपको खाली ही छोड़ देना है फिर उसके बाद आपको Save button पर click करना है फिर Save arrangement पर click करना है.
ऐसा करते ही आपके blog पर social share floting button show होने लगेंगे. अगर आप देखना चाहते है तो simple अपने ब्लॉग के dashboard में view blog पर क्लिक कीजिये. इस तरह से आप बड़ी ही आसानी से सिर्फ कुछ steps को follow करके आप अपने blog में social media floting share button add कर सकते है.
उम्मीद है आपको यह आर्टिकल पसंद आया होगा और आपके लिए यह काफी helpful भी होगा. अगर आपको हमारा यह पोस्ट पसंद आया तो please इसे अपने दोस्तों के साथ social media पर जरुर share करें. ताकि आपके दोस्त भी हमारे साथ इस ब्लॉग के साथ जुड़ सके और हर रोज कुछ नया सीख सके.
