How to add 'social bookmark icons' below each post

Wednesday, December 16, 2009


It is very important to maintain the look and feel of you post in the blog. By adding social bookmarking icons below each post, they are very useful for bookmarking your post and to maintain colors of your post. You also change these icons at any instant and can add new icons say brand new ones. Different types of icons are available but here is a set that you will definitely like them because of their simplicity.

Social Bookmark Icons :



It is very easy to add this widget to your blog, search for  ]]></b:skin>  and add below code before this tag.
.social {
background-color:#F9F9F9;
border:1px solid #DDDDDD;
font-family:Trebuchet MS;
font-size:12px;
margin:5px;
padding:10px 5px 5px;
text-align:center;
}
You can modify this code and can change colors based on your blog template.

Now, search for  <data:post.body/>  and add the below code after this tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='social'>
<strong>If you like this post then consider sharing it with others.</strong><br/>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='Digg' src='http://i32.tinypic.com/231aps.jpg' title='Digg this article!'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='del.icio.us' src='http://i30.tinypic.com/wtd3jn.jpg' title='Save on Del.icio.us'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='Stumbleupon' src='http://i27.tinypic.com/amr6hf.jpg' title='Stumble this !'/></a>

<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='Facebook' src='http://i29.tinypic.com/4ruomx.jpg' title='Share on facebook'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='Reddit' src='http://i29.tinypic.com/e83c44.jpg' title='Reddit this !'/></a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot;   data:post.url' target='_blank'><img alt='Technorati' src='http://i27.tinypic.com/2w3crkm.jpg' title='Add to technorati'/></a>

<a expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='My Space' src='http://i25.tinypic.com/5umow1.jpg' title='Share on Myspace'/></a>

<a expr:href='&quot;http://twitthis.com/twit?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title' target='_blank'><img alt='Twitter' src='http://i26.tinypic.com/2d2ek9s.jpg' title='Tweet this !'/></a>

<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot;   data:post.title   &quot;&amp;u=&quot;   data:post.url' target='_blank'><img alt='Yahoo' src='http://i32.tinypic.com/o5yirp.jpg' title='Bookmark on yahoo!'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;   data:post.url    &quot;&amp;title=&quot; data:post.title' target='_blank'><img alt='Google' src='http://i31.tinypic.com/2j4t5vn.jpg' title='Bookmark on Google'/></a>

<a href='http://feeds2.feedburner.com/micmech' target='_blank'><img alt='Feed' src='http://i25.tinypic.com/2ylrxvc.jpg' title='Subscribe to RSS'/></a>
</div>
</b:if>
Its all over and preview your template, if every thing works fine save it. If there is any problem please do add comment.

Hosting Icons
All these images are hosted by BloggerFlick, please upload them to your own.

Subscribe to our blog

Do you have any Suggestions, add your comment. Please don't Spam!
If you like this site >> Subscribe to our feed

12 comments:

Wajira December 20, 2009 at 9:57 AM said...

Thx Mandava...

I was looking for this.

Bharath Mandava December 20, 2009 at 6:17 PM said...

you are always welcome here.

neil February 11, 2010 at 4:06 PM said...

Thanks for the code. I'll try this.

complete link building

Kcbrn March 18, 2010 at 3:16 AM said...

Something is wrong with me, ive 2 in my template and after i pasted that codes both of them, scripts is not working, i mean i couldn see it right
sorry for my english :)

cheap viagra online November 19, 2010 at 2:36 PM said...

Interesting article, added his blog to Favorites

free erotic stories literotica December 4, 2010 at 1:54 PM said...
This comment has been removed by a blog administrator.
Asian London Escorts March 10, 2012 at 8:20 PM said...

Cool great tips thanks a bunch


Asian Escorts

Anonymous said...

thanks for this one...

buy twitter followers August 18, 2012 at 12:48 PM said...

Thanks - Enjoyed this blog post, how can I make is so that I receive an alert email every time you write a fresh article?google +1 votes. Try coupon code: STANDARDKIK for $10 off.

Anonymous said...

Wow, incredible blog format! How lengthy have you ever been running a blog for?
you make blogging look easy. The full look of your site is magnificent, let alone the content material!



My web-site Affordable-Dental-Plan.Org

Anonymous said...

Woolly Pod Vetch Living Mulch Nitrogen Fixer Landscaping Tips What Mulch To Use For Trees

my page tree nursery milwaukee

Anonymous said...

Means: Your own 2 -slice toaster oven would be sizable but then very beneficial each time a
entire family is hoping to use it at a stretch particularly you all will probably
be in a hurry to go away where you live youthful.
Sincere, you manage the danger of toxic contamination generally to
a greater extent. On 14x14x16, the small dimensions of
brings in this injury is a a good choice alternative for dorm room make use of but it's may also be used inside of RV, at the position, if not transported to the particular camping site to consider individuals by using good tasting or efficient eating.

Also visit my webpage :: review electric range ovens - -

Post a Comment