Wednesday, 3 February 2016

Blog par Floating Social Sharing Widget kaise lagaye in hindi

"Hi Dosto Hindi me Blogging ke naye post me Aapka Swagat hai ! Aaj hum janenge ki kaise hum Aapne Blog par Side Floating Sharing Widget laga kar Aapne blog ka Traffic Aur Follower badha sakte hai

Dosto blog par Social Widget lagana kyu jaroori hai ? kyu ki jabhi koe Visitor humare site par Aata hai Aur Aagar use Aapne Likha hua Articular pasant Aaya to bo use Articular ko Social Widget ke madat se vahi se share kar sakta hai Use Particular Aapke Site dusare Site par Switch karne ki jaroorath nahi padti hai ! Ess Se Visitor ka Time bhi Bachata hai aur humare site ki promoting bhi hoti hai :) to chalo jante hai blog par social Widget kaise Add kare

how to Add Smashing Floating Social Sharing Widget For Blog And Website in hindi

1) Sabse pehla Aapne Blog me Login lo >Template > Edit HTML < par click karo

2) Abb Ctrl+F ke madat se <body> ko search karo ( HTML find ke Liye Ctrl+F)

3) Abb Thik <body> ke niche ( Niche diya hua HTML code copy past karo )


<style>

#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0%;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);}

#floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}

</style>

<br />

<div id='floatingbuttons' title="Share this post!">

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>

<!-- Medium Button -->

<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>

<div class='floatbutton' id='facebook'>

<fb:like layout="box_count" show_faces="false" font=""></fb:like>

</div>

<div class='floatbutton' id='google+1'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>



<g:plusone size="tall"></g:plusone>

</div>

<div class='floatbutton' id='twitter'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a>

</div>

<div class='floatbutton' id='linkedin'>

<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script>

<script type="in/share" data-counter="top"></script>

</div>

</div>