Add this funny bouncing social share icons to help your visitors to share your post.
look at the preview
Tutorial to Add Bouncing Social Share iCons to your blogger goes here
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template:
Then, find (CTRL+F) this code in the template:
</head>
And paste the following code Above/Before head
<!–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—>
Now find this code in the template:
<data:post.body/>
And immediately BELOW/AFTER it, paste following code:
<!–SOCIAL-BOOKMARKING-BUTTONS–><br/>
<b:if cond=’data:blog.pageType == "item"’>
<center>
<ul id=’nav-shadow’>
<li class=’button-color-1′><a expr:href=’"http://twitter.com/home/?status=Currently reading-" + data:post.title + " " + data:post.url’ target=’_blank’ title=’Tweet This Post’/></li>
<li class=’button-color-2′><a expr:href=’" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’button-color-3′><a expr:href=’" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’button-color-4′><a expr:href=’" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’button-color-5′><a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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 Preview And Save It….thats all…
