Tips: Adding Social Bookmarking Icons
How to Add Social Bookmarking Icons on Every Blogger Post?
Although I love blogger more than any other blogging platform, but there are some things that still lack in Blogger despite being used by millions of users world wide. One of those things is its inability to integrate Social Bookmarking Buttons. However its not that hard to add social bookmarking buttons manually. In this tutorial I will teach you how to integrate social bookmarking buttons on your blogger’s blog.

Step #1. Goto your Blogger Template -> Edit Html ‘Expand widget templates’ and replace;
<head>
with the following code below;
<head><script src=’http://blogergadgets.googlecode.com/files/simpletricks.js’> </script>
Step #2. Now comes the hard part, you’ll have to find the code similar to the one below;
<p class=’post-footer-line’>
Note: The above line can vary from template to template, make sure you search your template code throughly.
Step #3. Once you have found it, follow the link and copy paste the social bookmarking code;
Step #4. Place this code that you have just copied, below the line that you found in step #2.
Step #5. Save your template for changes to take place.
Our special thanks to Blogger Plugins for sharing it with our readers. If you have any questions regarding this, just comment below. Enjoy!
Category: Blogging Tips
Properties : Blogging Tips
Posted on: 29 Jun 09
Related Templates
27 Comments For This Post
1 Trackbacks For This Post
-
MyClickSense.com » How to Add Social Bookmarking Icons on Every Blogger Post … (June 30th, 2009 at 10:07 pm)
[...] Continue reading here: How to Add Social Bookmarking Icons on Every Blogger Post … [...]
Got something constructive to say?
Before posting your questions, please make sure that you have gone through the 'FREQUENTLY ASKED QUESTIONS (FAQs)' Section. Click here for Blogger's Frequently Asked Questions







Great! Thanks for sharing.
Excellent Post. I am about to try it, let you know if it works or not
Thanks for the appreciation Jason
Hey there,
Thanks so much for the help. I’m still having trouble, though. The closest thing to the I can find in my template is:
div class=’post-footer-line post-footer-line-1′
I’m using the “Minima” template. I’m fairly illiterate as a coder, but I can cut n’ paste with the best of them. Tried to muddle my way through it, but Blogger is rejecting my changes. Any ideas?
Thanks!
-Antonia
Hi!
First of all, Check the “Expand Widget Templates” box, then search for the following line of code; <div class=’post-footer’>
Now paste the social bookmarking code that I have provided, below this line. Save your template. If you still can’t figure it out, let me know….
Don’t provide the code to hotlink to my site..I cant afford that much bandwidth..If you want to use this code on your site,do upload the files yourself and post it..You can use blogger to upload your images..
Its seems you are mistaken. All the images and downloadable files are hosted on our server, we do not hotlink or share anyone’s bandwidth.
Very nice it worked
Thank you
I got this message
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “src”.
@ Georgia Either you placed the code provided in the post at the incorrect position or you didn’t copied the snippet properly. If you follow the steps as suggested, it will work like a charm!
Is there a way to customize the icons? I have some Christmas snow globes a friend of mine just made me and I would like to use those instead of the default ones for this tutorial.
Is this possible?
Yes this is possible, however its a little complicated; I am not sure whether you are familiar with HTML or not, if you are, then, replace the image URL’s listed inside the plugin with one of your own.
Yes, I am a little familiar with HTML. I just added a post title hack to my template code and am learning a few other things as well thanks to great tutorials like this one.
I have taken a look at the code and have one other question..
Can I add RSS icons and Feedburner icons as well? I am currently trying to where the links to my RSS and Feedburner feed would go in this particular code.
My pleasure! Yes you can, however you’ll have to replace your code from any social bookmarking button.
Hi,
I just tried this and I keep getting this message:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “src”.
I placed the code below this line:
I didn’t change the code at all, I just wanted to make sure it worked first before I did that.
Although the problem may lie with the first code that is plced in the area. I forgot to take that part out after I removed the secondary code and when I tried to save the template, I recieved the same error code.
Any tips?
What I can gather from the error is that, you have not placed and apostrophe [ ' ] after src, your image source syntax should be like;
<img src=’IMAGE-URL’/>
Secondly, you forget to tell me in which line did you place the code?
Sorry, I placed the code below this line:
Just below that line, I have this line:
But I wasn’t sure about putting the code under the above line.
Isn’t the [ ' ] supposed to already be in the code we copy or is it something we need to add?
I am still unable to see your code in the comment section, it seems like you haven’t replaced the ‘ANGLED BRACKETS’ i.e. < or > with ‘<’ or ‘>’ (excluding commas) respectively. I apologize for the inconvenience.
Regarding your last query, you don’t need to add any [ ' ] if you are using the original plugin provided in this post, but if you are replacing your own IMAGE URL’s make sure you take care of [ ' ] or else your plugin won’t work.
Sorry. I have no idea why it isn’t showing up. I changed the “” to “[ ]” so maybe it will show up now.
I placed the code below this line:
[div class='post-footer']
Just below that line, I have this line:
[div class='post-footer-line post-footer-line-1' ]
But like I said, I wasn’t sure if I should put it there or not.
Did my last comment go through? I changed the codes so I hope they showed up. LOL
Now its showing up! Anyways, you can paste the code above div class=’post-footer-line post-footer-line-1′. I hope it would appear fine once you refresh. One last tip, if you still get an error, replace single quotes with double codes as shown below;
Let me know if you need my help.
I get the same error, I too use Minima too.. help? I don’t know what exactly to change.
Use the following code and let me know if this works or not, <script src=”http://blogergadgets.googlecode.com/files/simpletricks.js”> </script>
i`m using this one currently and TFS
gotcha!!!
”http://blogergadgets.googlecode.com/files/simpletricks.js”>
(change( ” ) to( ‘ ) the word Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. will be lost)
THANK YOU FOR THIS POST…..IM REALLY LOOKING FOR THIS BUT IT TOOK ME LONG TO PUT THE CODE BECAUSE OF THE HTML ERROR…
successfully applied.
Thanks and sorry
i have updated the contents of that text file so that they use up images hosted on blogger/picasa
Regards
Aneesh