Apna Blog ma Floating Share Gadget ko add kara

Dosto mai iss blog ma taraha taraha ka Cool and special gadget ka bara ma post karta rahata hu jissa app add kar ka app apna blog ko aur v attractive bana data h. Aur appka blog ki visitors ma v badotri hoti h.

 

Aj mai phir appka samna kuch ak new post laka ayah u jisska nam h Floating Share Widget . Jo ki appka Blog ka Promotion ma bahut hi madat karti h isi liya app mara iss post ko dhayan sa padiya. 

Also Read: 

Floating Share Widget  kya h:

Apna bahut si website ma dakha hoga ki unka left side ma kuch Share button diya rahata h jo ki appka Scroll karna pr v appka Scroll ka sath sath hi uper nicha hota rahata h issa hi Floating Share Button kahata h.

Also Read: Apna Blogger ma Stylish Social Media Subscription ...

To ab mai appko unn steps ka bara ma batata hu jissko follow kar ka app v apna blog ma issa app kar sakta h.

Steps For Add Floating Share Widget:

Step 1: Sabsa pahala app Blogger>>Layout>>Add Gadget>>HTLM/JavaScript ma jaya.

Step 2:  Ab app Nicha ka code ko waha paste kar da.

<!-- Floating Share Widget---(hindimapada.blogspot.com)-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-68px; 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 BloggerSentral.com">
<div class='sbutton' id='fb'>
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<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>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://hindimapada.blogspot.in/2016/07/apna-blog-ma-floating-share-gadget-ko.html">Get This</a></div><!-- Do not remove this link -->
</div>
<!-- Floating Widget End---(hindimapada.blogspot.com)-->

Step 3: Ager app apna uss Share Button ko kuch aur left ma karna chata h to 68px ki jagha pr 70px kar da.

Also Read: Add Simpel and Cool Subscription Gadget In Website...

Step 4:  Ab app uss HTML/JavaScript ko Save kara uska bd Save Arrangement pr click kar ka save kar da.

 Ab appka Blog ma jaka dakta Floating Share Gadget add hu chuka hoga jo har post ma dikhaga.

Agar apko ya blog sa related aur v kuch jankari chaiya to please comment kara aur ager ya post acchi lagi ho to issa share jarur kara.

Tags : #SEO#Website Design

Share This :

Unknown