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
35 Constructive Comments
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 … [...]
Add Comment
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.
(June 30th, 2009 at 3:29 pm)Excellent Post. I am about to try it, let you know if it works or not
(June 30th, 2009 at 11:00 pm)Thanks for the appreciation Jason
(June 30th, 2009 at 11:01 pm)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!
(July 29th, 2009 at 3:31 am)-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….
(July 29th, 2009 at 10:41 am)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..
(August 9th, 2009 at 8:22 pm)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.
(August 9th, 2009 at 8:32 pm)Very nice it worked
(September 16th, 2009 at 4:55 pm)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.
(October 2nd, 2009 at 7:44 pm)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!
(October 2nd, 2009 at 9:08 pm)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?
(November 13th, 2009 at 2:33 pm)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.
(November 13th, 2009 at 4:15 pm)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.
(November 14th, 2009 at 12:24 am)My pleasure! Yes you can, however you’ll have to replace your code from any social bookmarking button.
(November 14th, 2009 at 9:08 am)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?
(November 15th, 2009 at 2:07 pm)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?
(November 15th, 2009 at 7:17 pm)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?
(November 16th, 2009 at 12:16 am)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.
(November 16th, 2009 at 12:40 am)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.
(November 16th, 2009 at 12:58 am)Did my last comment go through? I changed the codes so I hope they showed up. LOL
(November 16th, 2009 at 1:08 am)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.
(November 16th, 2009 at 9:23 am)I get the same error, I too use Minima too.. help? I don’t know what exactly to change.
(November 20th, 2009 at 3:02 am)Use the following code and let me know if this works or not, <script src=”http://blogergadgets.googlecode.com/files/simpletricks.js”> </script>
(November 20th, 2009 at 6:13 pm)i`m using this one currently and TFS
(December 10th, 2009 at 9:28 am)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…
(December 31st, 2009 at 8:47 am)successfully applied.
(January 6th, 2010 at 7:23 pm)Thanks and sorry
i have updated the contents of that text file so that they use up images hosted on blogger/picasa
Regards
(February 26th, 2010 at 9:01 pm)Aneesh
i will definitely try this one now.. i’ll post later for updates.. thanks a bunch..
(June 26th, 2010 at 6:10 am)great post..thanx.
(September 22nd, 2010 at 2:00 am)I’m unable to add the share buttons.? mine is a delighted black template
(December 18th, 2010 at 12:20 pm)my blogs theme is delighted black template.i tried all possible methods to edit but still cant add share buttons and social bookmarking buttons after everypost
(December 18th, 2010 at 12:35 pm)Hi I have just downloaded the Thesis template for blogger. Can I amend or remove the Home Products Services Faq section from the top?
(May 17th, 2011 at 4:07 pm)Thanks
Suzanne
Yes you can…
(May 17th, 2011 at 7:33 pm)I tried this on my blog and get this error:
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 am using the Hazy Moonlight theme.
(August 3rd, 2011 at 7:38 am)You must have done something wrong. Make sure the structure of the theme is kept in tack,
(August 3rd, 2011 at 1:46 pm)