Tuesday, May 21, 2013

How To Add Smashing Floating Social Sharing Widget

Photobucket
Step 1:
Go to blogger>> login>> Edit html>> Tick Expand widgets box>>
By using ctrl+f search the code ]]></b:skin>
And above ]]></b:skin> add the below code
Now,save your template and you are done 50% successfully.


position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.
scrollTop+document.documentElement.client Height-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth – offsetWidth);}
#float_corner {padding: 5px; rder-bot}


Step2:
Now search the code </body> by using ctrl+f and
paste the below code above the </body>


<div id=’float_corner’>
<ul>
<script type=’text/javascript’>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script><a class=’DiggThisButton DiggMedium’/><br/>
<script src=’http://tweetmeme.com/i/scripts/button.js’type=’text/javascript’/><br/>
<a class=’google-buzz-button’ data-button-style=’normal-count’ data-locale=’en_IN’ href=’http://www.google.com/buzz/post’title=’Post on Google Buzz’/>
<script src=’http://www.google.com/buzz/api/button.js’type=’text/javascript’/><br/>
<script badgetype=’square’ src=’http://d.yimg.com/ds/badge2.js’ type=’text/javascript’>
ARTICLEURL
</script><br/>
<a href=’http://www.facebook.com/sharer.php’ name=’fb_share’ type=’box_count’>Share</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’type=’text/javascript’/><br/>
<a href=’
http://www.exeideas.com'>Get This</a><br/> 
</ul>
</div>

0 comments:

Post a Comment