[How to] Add bouncing social share icons to blogger post [Tutorial]

Add this funny bouncing social share icons to help your visitors to share your post.

look at the preview

ScreenShot026 [How to] Add bouncing social share icons to blogger post [Tutorial]

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:

</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…

About Abhi Balani

Hello reader, I'm +Abhi Balani, owner of this blog. I'm a future Computer Engineer and a part time blogger as well. Love to connect with others. Boy with so many dreams. I try to give best blogging tips on my blog. Visit my My tech Blog