How To Add Animated Sharing Bar Widget To Blog And Website

Socialize: 

Social networks can make a big difference on the popularity of a blog. Sites that communicate better and understand social media are usually the most popular.
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.




<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

    You may also like...

1 comment:

  1. Thanks for sharing your thoughts. I really appreciate your efforts and I will be waiting for your next post thank you once again.

    Vivek
    My Blog: http://salarystructure.blogspot.in

    ReplyDelete

About Me

Hi, I am Muhammad Saalim, Co-Founder of EXEIdeas International and CEO of bord4banned. I am here to share my experiences with you and to help those who can help themselves.

Follow Me



Join Our Official FaceBook Group To Stay With Us.

Caution!

All data, codes, articles, tips and tricks etc, posted here are copyright work of MyTutspot.Blogspot, and are protected with DMCA. Any one, found to be thefting any data, will be under LEGAL ACTION.

My Tutspot.Blogspot 2018 All Rights Reserved
Designed by born4banned | A Project of EXEIdeas International