Add Social Bookmarking Buttons/Icons Below Blogger Posts

I received few comments from my fellow bloggers relating the social bookmarking in blogger posts. Though, I have discussed how to install this in my previous post, there are few more doubts and clarifications regarding this hack. More over, my previous post just displayed links of all the social bookmarking sites and never included any buttons or icons in them. As we know social bookmarks improve traffic to our blog, it is necessary that you make it more attractive and big. Therefore, I thought why not post about this issue in my blog.

Enough of my story and your stories. Let's get our job done now!!! Follow these simple steps to display beautiful social bookmarking sites below every blogger posts.
1. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:
<div class="post-footer-line post-footer-line-1">
3. Download any one of the following text documents, that is, download the first text file for installing large icons below your blog posts. If you want small icons below your blog posts, then download the second file.
4. Open the text document. Paste the code that you see in the text document just below the line in step 2.
5. Preview your template to check for errors in HTML code. Thats all folks!!! If you find any error, let me know via comments. Else, Save your template and enjoy those cool icons below every blog post you do.

Enjoyed the article?
Subscribe to this Blog via Email:

Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!

    Other Recommended Posts

  • Blogger Tutorials
Jen said on August 30, 2009 at 4:29 AM :

Ah....I've been looking for this Hack, thank you, thank you.

Stopping by from BC to spread the Comment Love.

Check my Blog out http://mommysonlinegaragesale.com

Thanks!

REPLY
Kah Woei said on August 30, 2009 at 8:35 AM :

Thanks for the tip. I tried with the small social bookmarking button on 1 of my blogs and it works. I've been trying to find out how to do this for some time.

http://thebooksofmylife.blogspot.com/
http://sellsecondhandbooks.blogspot.com/

REPLY
Mukund said on August 30, 2009 at 8:51 AM :

@Jen: Sure! Always welcome! Thanks for your comment! I am off to visit your blog!

REPLY
Laura K. Curtis said on August 31, 2009 at 3:43 AM :

Thanks very much! I tried your original but without success and this one worked like a charm.

REPLY
Mukund said on August 31, 2009 at 6:29 AM :

@Laura K.Curtis: You are always welcome! Would love to receive more suggestions from bloggers like you!

REPLY
Roschelle|Inconsequential Logic said on September 11, 2009 at 11:53 PM :

Thanks a million! It's working perfectly. I've been trying to add a social bookmark like this forever.
So glad I added your site to my blog list!!!

REPLY
Mukund said on September 12, 2009 at 12:20 PM :

@Roschelle|Inconsequential Logic: Thanks for the add in your blog list! I hope I can help you more with my tips! Feel free to ask any help and I will do the best I can!!

REPLY
Colin

I tried this and got a message back saying the dig URL wasn't closed. Not sure why...

REPLY
Mukund said on September 18, 2009 at 5:41 PM :

@Colin: I checked the code and there is no problem with it! Please let me know what the problem is, in detail and I will provide you a solution!!

REPLY
rewarded for being me said on September 26, 2009 at 5:16 AM :

Thanks for the great information. I am now following you. Keep up the great work, cheers!
These are my links:
http://lets-get-better.blogspot.com/
http://aclifton.blogspot.com/

REPLY
ZXT said on September 29, 2009 at 6:47 PM :

I also added social bookmarking buttons to my blog tho I use Wordpress.

REPLY
Mukund said on September 29, 2009 at 11:58 PM :

@ZXT: Yes! For sure! Be it blogger or Word press, it increases traffic to our blog.

REPLY
tuktukbkk said on October 2, 2009 at 5:27 PM :

Perfect!!! I have been looking for this for a while now! Any change to add more than those sites?

REPLY
Mukund said on October 2, 2009 at 8:43 PM :

@tuktukbkk: Thanks! You can add any site for that matter. If you had installed larger icons on your blog, then it will be pretty ugly to see 2 rows of social bookmarking icons. So, it is better you limit to one. If you installed the smaller one, for sure, you can add many more!!

REPLY
dumb_programmer

You must be a web developer or something... I tried doing this on my own but reading this rang a bell on me that regular HTML codes like "" & etc. are not acceptable to XHTML they must be converted to " & for XHTML to accept it. Thumbs up to you man

REPLY
Mukund said on October 7, 2009 at 4:37 PM :

@dumb_programmer: Lol!! I am just on the learning curve of this web designing. Am happy that this tip helped you!!

REPLY
R.Yadav said on October 7, 2009 at 5:54 PM :

(div class="post-footer-line post-footer-line-1)

This line is not present in my Blogs
Html.I tired to serch this code but i m not find this code.
sorry 4 my bad English
pls see my blog
http://esydownloads.blogspot.com

REPLY
Tech Priest said on October 8, 2009 at 11:16 PM :

Thank you very much
will add your guide to my blog

REPLY
sooofy said on October 14, 2009 at 10:44 PM :

thank you i finally add buttons to my blog it is very useful to me
http://earnmoneybysooofy.blogspot.com/

REPLY
ridwan said on October 24, 2009 at 11:38 AM :

i really dont understand but thaks it usefull...

REPLY
Mukund said on October 24, 2009 at 5:26 PM :

@ridwan: I would like to know what you did not understand! I will help you out if you have any problem!!

REPLY
Poop Man

Great job dude!

I was wondering if you could have just add more bookmarking sites like mixx, twitter, linkedin and many others.

Anyway, Thanks again :)

REPLY
Mukund said on October 30, 2009 at 5:28 PM :

@Poop Man: May be!! But you can definitely add more sites as you wish. The code will follow the same pattern!!

REPLY
Earth Mother said on November 2, 2009 at 8:38 AM :

LOVE this, although I wish you had created an icon/code for Twitter too. Personally, I'd rather have that than the Yahoo button. Any chance I can persuade you?

REPLY
Mukund said on November 2, 2009 at 7:06 PM :

@Earth Mother: Oh!! Yeah! I do have the code for twitter. If you like to get the code, then please leave your email id here or contact me via mail. And I would love to help you!

REPLY
Krasugir & Co said on November 5, 2009 at 10:53 AM :

Thanks for the information about the social bookmarking button.
http://ecoaltenergy.blogspot.com

REPLY
ZXT said on November 5, 2009 at 7:27 PM :

Yes I find social bookmarking buttons helpful and easy for my readers to tag my articles.

REPLY
Rahal Castro said on November 7, 2009 at 12:51 AM :

thanx, am jst a newbie to blogging, hope all does well :)

http://fodbold-mania.blogspot.com/

REPLY
Mukund said on November 7, 2009 at 11:21 AM :

@Krasugir & Co : Thanks!! I had a look at your site. I love the template of your blog and the theme too!!

REPLY
Mukund said on November 7, 2009 at 11:22 AM :

@ZXT: After a long time, I see a comment on my blog from you! Any way, thanks!! Keep blogging!!

REPLY
moon saud said on November 15, 2009 at 5:06 PM :

Sir I have installed the code , but its appearing vertically , not horizontally, please inform me what I have to do?

REPLY
Mukund said on November 15, 2009 at 9:50 PM :

@moon saud: You may try placing it with div align="center", but I feel there might be a small bug in your template. I checked your blog now and I feel it is working fine. Still any problem?

REPLY
Tanay said on November 17, 2009 at 7:23 PM :

Social Bookmarking buttons makes your posts viral in various networks.Nowadays social sites are a great tool of generating traffic to your site.

REPLY
Dirk said on November 23, 2009 at 4:50 AM :

Anyone heard about BOOKMARKPOSTER
It can bookmark up to 22 social bookmarking websites less than minute.

REPLY
nutrigrace said on November 28, 2009 at 9:33 AM :

Hi Mukund,
Have you removed the link to Twitter? Why yeah???

REPLY
Mukund said on November 28, 2009 at 11:15 AM :

@nutrigrace: Yes!! I removed that simply because people can follow me through the link I put on the top.

REPLY
Chodpa said on December 18, 2009 at 11:44 PM :

Thanks so much for this. Great work, and thank you for sharing it.

REPLY
Vignesh said on December 29, 2009 at 11:06 PM :

First I would like to thank you for an excellent post. But I find Tweet button missing in that. Can you give me the code to add it. I hope you will do this favor for me.

Thank you

REPLY
Mukund said on December 30, 2009 at 11:42 PM :

@Vignesh: Yeah!! Sure! Just contact me via email and I will get you the code for tweet button too!!

REPLY
Katie said on January 11, 2010 at 5:54 AM :

thanks so much for the code. It works great. i am going to attempt to add twitter to the list .. If I fail can you post a snippet for that?

thanks again
-katie
http://tastecrave.blogspot.com

REPLY
Mukund said on January 11, 2010 at 9:31 PM :

@Katie: Definitely, try it out. If you fail to get the twitter to this list, I will help you solve the problem.

REPLY
Download free softwares said on January 25, 2010 at 10:15 PM :

really very nice
thank you

REPLY
Moneytips said on February 9, 2010 at 7:33 PM :

tHE FILE IS ASKING FOR USERNAME AND PASSWORD OF MEGAUPLOAD.COM..

REPLY
Joffin said on February 14, 2010 at 7:13 PM :

Those who cannot find the code. replace the double quotes with single quotes in the code given in section 2.

REPLY
Wendy said on February 26, 2010 at 6:57 AM :

I cannot thank you enough! I have searched all over for this and tried a couple other site's code - none worked - until yours! Thank you so much!!!

REPLY
Anamika said on March 1, 2010 at 12:57 AM :

This is awesome! That was easy to understand and impliment too. I Love the buttons!

REPLY
My Beauty Flash said on April 29, 2010 at 10:40 AM :

Woww...only yours that it works...thanks...but what if i want to add/change the picture of those social bookmarker like twitter???

REPLY
dezhing said on June 27, 2010 at 9:58 AM :

hi, nice tutorial
but, how do i put this button only in each post?

thanks

REPLY
Mukund said on June 28, 2010 at 5:09 PM :

@dezhing: It will get displayed in post only.. Do you want it for one particular post alone? If so insert the HTML in that particular post alone!!

REPLY
seo said on August 12, 2010 at 4:31 PM :

I thank you for this useful and complete post, I was looking for post like this. I like your blog.

http://www.seotrafficspider.com/social-bookmarking.html#Social

REPLY
Mukund said on August 12, 2010 at 9:39 PM :

@seo: You are always welcome! Keep in touch with the blog for more updates!!

REPLY
山 him said on August 30, 2010 at 1:19 AM :

Hi Mukund! I've tried to add these at the bottom of my blog posts but I am experiencing a little problem by inserting the code below:

div class='post-footer-line post-footer-line-1'

As I use blogger's jump break feature in my posts (ie. breaks my blog post by adding the READ MORE link), the social icons are showing up on the main blog page for every post. How can I make it like your blog, so that readers only see the icons AFTER they click read more and access to actual blog post?

REPLY
Mukund said on August 30, 2010 at 6:33 AM :

@山 him: Yes!! I understand your problem. Please send me your template via email and I will give you a possible solution!!

REPLY
Jakeblogger

i don't understand why you have to place the codes in a text file and ask your readers to download?

can't you just place the codes in your post?

waste of time going to megaupload.

REPLY
Mukund said on September 28, 2010 at 9:53 PM :

@Jakeblogger: Pretty good question!! I just provide links because those codes will extend above the width of the post area and people will not be able to copy them properly. That is the only reason I provide text links.

More over, I am currently replacing all the megaupload links to google sites because it takes time to download in megaupload whereas it is not the case in google sites.

REPLY
SelfDriveTours said on October 7, 2010 at 9:23 AM :

Thanks for this hack. Tested it out and it is working fine! Just what I am looking for!

REPLY
Mukund said on October 7, 2010 at 7:58 PM :

@SelfDriveTours: Thanks for the comment! I'm happy that I provided you with what you wanted. Keep in touch with blog to receive more interesting updates!!!

REPLY
karkipramesh

thank you very much for the post. i was looking for this hack.

REPLY
Mukund said on October 14, 2010 at 7:33 PM :

@karkipramesh: Thanks for the comment!! I hope you enjoy the other hacks in my blog too!!

REPLY
karkipramesh

thank you very much for the post. i was looking for this hack.

REPLY
SelfDriveTours said on November 12, 2010 at 4:01 PM :

Thanks for this hack. Tested it out and it is working fine! Just what I am looking for!

REPLY
山 him said on November 12, 2010 at 4:01 PM :

Hi Mukund! I've tried to add these at the bottom of my blog posts but I am experiencing a little problem by inserting the code below:

div class='post-footer-line post-footer-line-1'

As I use blogger's jump break feature in my posts (ie. breaks my blog post by adding the READ MORE link), the social icons are showing up on the main blog page for every post. How can I make it like your blog, so that readers only see the icons AFTER they click read more and access to actual blog post?

REPLY
Moneytips said on November 12, 2010 at 4:01 PM :

tHE FILE IS ASKING FOR USERNAME AND PASSWORD OF MEGAUPLOAD.COM..

REPLY
Download free softwares said on November 12, 2010 at 4:01 PM :

really very nice
thank you

REPLY
Vignesh said on November 12, 2010 at 4:01 PM :

First I would like to thank you for an excellent post. But I find Tweet button missing in that. Can you give me the code to add it. I hope you will do this favor for me.

Thank you

REPLY
nutrigrace said on November 12, 2010 at 4:01 PM :

Hi Mukund,
Have you removed the link to Twitter? Why yeah???

REPLY
Dirk said on November 12, 2010 at 4:01 PM :

Anyone heard about BOOKMARKPOSTER
It can bookmark up to 22 social bookmarking websites less than minute.

REPLY
moon saud said on November 12, 2010 at 4:01 PM :

Sir I have installed the code , but its appearing vertically , not horizontally, please inform me what I have to do?

REPLY
Rahal Castro said on November 12, 2010 at 4:01 PM :

thanx, am jst a newbie to blogging, hope all does well :)

http://fodbold-mania.blogspot.com/

REPLY
ZXT said on November 12, 2010 at 4:01 PM :

Yes I find social bookmarking buttons helpful and easy for my readers to tag my articles.

REPLY
Krasugir & Co said on November 12, 2010 at 4:01 PM :

Thanks for the information about the social bookmarking button.
http://ecoaltenergy.blogspot.com

REPLY
Earth Mother said on November 12, 2010 at 4:01 PM :

LOVE this, although I wish you had created an icon/code for Twitter too. Personally, I'd rather have that than the Yahoo button. Any chance I can persuade you?

REPLY
Poop Man

Great job dude!

I was wondering if you could have just add more bookmarking sites like mixx, twitter, linkedin and many others.

Anyway, Thanks again :)

REPLY
sooofy said on November 12, 2010 at 4:01 PM :

thank you i finally add buttons to my blog it is very useful to me
http://earnmoneybysooofy.blogspot.com/

REPLY
dumb_programmer

You must be a web developer or something... I tried doing this on my own but reading this rang a bell on me that regular HTML codes like "" & etc. are not acceptable to XHTML they must be converted to " & for XHTML to accept it. Thumbs up to you man

REPLY
tuktukbkk said on November 12, 2010 at 4:01 PM :

Perfect!!! I have been looking for this for a while now! Any change to add more than those sites?

REPLY
rewarded for being me said on November 12, 2010 at 4:01 PM :

Thanks for the great information. I am now following you. Keep up the great work, cheers!
These are my links:
http://lets-get-better.blogspot.com/
http://aclifton.blogspot.com/

REPLY
Mukund said on November 12, 2010 at 4:01 PM :

@Roschelle|Inconsequential Logic: Thanks for the add in your blog list! I hope I can help you more with my tips! Feel free to ask any help and I will do the best I can!!

REPLY
Laura K. Curtis said on November 12, 2010 at 4:01 PM :

Thanks very much! I tried your original but without success and this one worked like a charm.

REPLY
seenu said on November 16, 2010 at 4:10 PM :

could u plz post an article about social bookmarking in a column(i.e.,like ur 'Add to Delicious, Digg This, stumble, technorathi'... at the beginning of the article)

REPLY
Mukund said on November 16, 2010 at 11:17 PM :

@seenu: Sure Seenu!! I would do that for you!! My next post would be about the trick you asked for!! Keep enjoying the other updates on my blog as well!!!

REPLY
Miriam said on November 27, 2010 at 10:50 PM :

Thanks for the info but my buttons are aligned vertically. How can I get them to align horizontally?

REPLY
Mukund said on November 29, 2010 at 12:28 AM :

@Miriam: The buttons will not be aligned to the right. They display one after the other. This might be due to break statements or your template treats the end of tag as the end of statement. Send me your template. I will have a look at it!!!

REPLY
Benivolent said on December 31, 2010 at 12:55 PM :

Perfect post.Its a ueeful thing of one,Thanks buddy.

REPLY
Mukund said on January 1, 2011 at 8:01 AM :

@Benivolent: Thanks for the comment! I hope you enjoy the other articles on my blog too!!!

REPLY
Benivolent said on April 19, 2011 at 10:46 PM :

Perfect post.Its a ueeful thing of one,Thanks buddy.

REPLY
Earth Mother said on April 19, 2011 at 10:46 PM :

LOVE this, although I wish you had created an icon/code for Twitter too. Personally, I'd rather have that than the Yahoo button. Any chance I can persuade you?

REPLY
Dhananjai Rao said on May 20, 2011 at 1:31 PM :

Hi, i applied your text, it is really good
but i want facebook, twitter, myspace, hi5, orkut, linkedin, digg, buzz, stumble icon. Please tell me how to do that. Reply soon.

My url is http://iiintuitive.blogspot.com

REPLY
Mukund said on May 20, 2011 at 8:38 PM :

@Dhananjai Rao: Thanks for the comment buddy! I can help you out with the social networking sites you asked for provided you contact me via email.

REPLY
Rose said on June 8, 2011 at 12:39 PM :

Hi there, trying to make this work with my blog (Using Blogger) and when I search for the line of code as you wrote,it does not come up in the search. Am I missing something in the settings? Let me know and I will gladly use your buttons. Thanks so much for the help!

REPLY
Rose said on June 8, 2011 at 12:46 PM :

Hi there! I am trying to install your bookmarking buttons on my Blogger blog, but when I search for the line of code you indicated, it does not seem to exist in the html. Can you give me some help? I would love to add these. Thanks!!

REPLY
Mukund said on June 8, 2011 at 3:01 PM :

@Rose: Yes! Definitely! Would love to help other bloggers. I guess you are using the default blogger template. So, you will not find the code which I mentioned in my post. So, contact me via email with your template. I will fix your issue!

REPLY
pvn said on July 4, 2011 at 9:33 PM :

it works great but how to remove the original ones?? they are right below these new social bookmarking icons

REPLY
Mukund said on July 4, 2011 at 11:00 PM :

@pvn: I would like to know about which "original ones" you are talking about? Do you meant the ones that appear by default on blogger? If so, contact me via email with your template. I will fix the issue for you!

REPLY
Faizan said on September 1, 2011 at 3:08 PM :

thanks for sharing mate.. i'll use it in my blog:
http://n0whereelse.blogspot.com/
Thumbs up to you :-)

REPLY
Mukund said on September 1, 2011 at 6:34 PM :

@Faizan: Yup! Thanks for the comment buddy! Hope you enjoy the other articles on my blog as well:)

REPLY
Rehana Sultana Shaik said on March 4, 2012 at 5:42 PM :

Thanks for the information about the social bookmarking button.

http://amazingcatscollection.blogspot.in/

REPLY
Krushna Phulpagar said on September 21, 2012 at 8:39 PM :

Here is also a new social bookmarking site...have a look http://www.tickmark.me

REPLY

Use the tab below to comment. No spam please!!!

[netinsert=0.0.1.11.14.1]