
A move towards this goal would be to find a way to encourage your visitors to share your content on the networks they are most active on.
Today we are doing just that, by using pure JavaScript with the jQuery framework, to make an animated sharing bar, which will enable your website visitors to share posts on a number of social networks.
Go ahead and just follow given steps...
How To Add Animated Sharing Bar To Blogger?
Login to blogger>> Design>>> Edit HTML
Click On Expand Widget Template Check Box
CTRL+F To find </head>
Copy n Paste Below Code Just Above It.
<link rel="stylesheet" type="text/css" href="https://gj37765.googlecode.com/svn/trunk/html/mddemo/Animated [www.gj37765.blogspot.com]Sharing Bar With jQuery & CSS.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://gj37765.googlecode.com/svn/trunk/html/mddemo/%5Bwww.gj37765.blogspot.com%5Dscript.js"></script>
Now save TemplateNext adding HTML for this widget...
Then
Design>>> Page Element>>> Add a Gadget
Choose HTML/Javascript from the list.
Copy n paste Below Code into it.
Then
Design>>> Page Element>>> Add a Gadget
Choose HTML/Javascript from the list.
Copy n paste Below Code into it.
<div id="share">
<div id="stage">
<div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div>
<div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div>
<div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div>
<div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div>
<div class="btn facebook"><div class="bcontent"><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>
<div class="thanksto"><a href="http://www.exeideas.com">Grab This</a>
</div>
</div>
Don't Forget To Say Thanks
Thanks for sharing your thoughts. I really appreciate your efforts and I will be waiting for your next post thank you once again.
ReplyDeleteVivek
My Blog: http://salarystructure.blogspot.in