1 April 2013

Bounce & Share - Social Bookmarking Widget !


515 loyal readers
RSS feed | E-mail
Bounce & Share - Social Bookmarking Widget !
alt="some_text"> Instructions to add these buttons:

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template:

</head> And immediately ABOVE/BEFORE it, paste this code:
<!--BOUNCING-ICONS-START-->
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>
<!--BOUNCING-ICONS-STOP-Help-http://bloggerstop.net-->
STEP #2:
Now find this code in the template:
<data:post.body/> And immediately BELOW/AFTER it, paste this code:

<!--SOCIAL-BOOKMARKING-BUTTONS--><br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center>
<ul id='nav-shadow'>
<li class='button-color-1'><a expr:href='&quot;http://twitter.com/home/?status=Currently reading-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Tweet This Post'/></li>
<li class='button-color-2'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-3'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-4'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-5'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li></ul></center>
<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>
</b:if>

<!--SOCIAL-BOOKMARKING-BUTTONS-->
Now SAVE the template. And let your visitors share your articles.


NOTE: Although the required css and js files are already uploaded and linked by me in STEP #1, but as a backup you can download and save them on your PC:
Related Posts Plugin for WordPress, Blogger...

0 comments:

Blogger Template by Clairvo