Fabulous Photo Gifts not only offers the largest selection of personalised Jigsaw Puzzles (boxed or wooden) - photo, map, newspaper front page etc, we also have a fantastic line up of other great gift ideas for you to choose from.

If you're stuck for a gift idea, then head over to Fabulous Photo Gifts now.

Digital SLR Magazine said of us "Print quality is excellent - Verdict: Fun gifts that are well priced and good quality too".

Friday, September 07, 2007

How to add Facebook social bookmarking icon and script to your Blogger articles

SEO Tip - How to add Facebook social bookmarking icon and script to your Blogger articles:

I was determined to discover how to achieve this, given the popularity explosion over Facebook. Testament to this is the fact that the BBC now add a similar bookmarking function on all their online news stories.

It's taken a while to get it working by a lot of trial and error, but now that it works, I'm determined to share 'how to' with you.

I've had to create images of the code just to avoid a lot of tedious open and close bracket typing so watch out when typing in the code yourself.

Firstly, you'll need to go to your template in Blogger and edit template. Back up your present version first (just in case) and then expand widgets to show all the code.

Next you'll need to scroll down the code until you find 'quick edit pencil' (see example below).


Enter the additional lines of code as shown.

Next, you'll need to enter this script after the close bracket:


Finally, you'll need to close bracket the span e.g. /span (inside open and close brackets)

Now all you need to do is replace the line - http://purple13.blogspot.com with your own blogs URL.

Save changes - it should validate ok. If it doesn't, go back and check you've not missed a bracket etc and try again.

That's it. An easy way to add a Facebook social bookmarking widget to your individual blog articles.

Comments and links to appreciated. Feel free to use the image url or create your own.

Like this SEO tip? Jump to the last SEO article on this blog - click here

13 comments:

Jarrod Hayes said...

Brilliant!

Jarrod Hayes said...

Can you speculate on how I can get this to bookmark the URL of the post rather than just the blog?

Fabulous Photo Gifts said...

Hi Jarrod
Thanks for stopping by - I'm glad you were able to find (kind of) what you were looking for.

It took me ages to track down this how to so my first thought was just to share it. If I was looking, then so were others!

I'm no closer to getting my 'fix-it' to bookmark specific articles though. You could try posting a question in the discussion forums on Blog Catalog - its a pretty helpful bunch I've found. I just haven't had a moment to ask myself!! (too busy with the photo gifts this time of year).

Good luck and don't forget to share if you find out.

Linda Margaret said...

Thank you. I plan to try this when I get back from Poland. Very nice of you to share.

Raj said...

i've been trying to do this for weeks.......thanks

Zen said...

While hunting for this i discovered a url to do specific blogs.

a href="http://www.facebook.com/sharer.php?u=xURIx&t=xTITLEx"/>

replacing xURIx and xTITLE with the blog entry details.

You might be able to fit htis in somewhere and get some automativ way to fill in those details.

Thanks for sharing....i have a long journey ahead getting many of the similar service buttons.

Tay said...

Hey, I've tried to add in this code with minimal success. I'm not experienced in HTML, so my difficulties are likely do to that lack of experience, but it would be great if someone could be more specific about where to add the new code (in relation to the quickedit pencil) as well as maybe post a copy and paste-able version of the complete code.

I think spacing and stuff might be an issue for me too. Can you be clear about that?

I know where to sub-in my own blog's address, so that's fine if you leave yours in when you post all the code.

Thanks so much for the how-to! Any help is greatly appreciated.

Marketplace Chaplains Europe said...

To link to the url of a post rather than the generic blog; use the following code Jarrod...

http://www.facebook.com/sharer.php?u=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>

Hope that helps!
Jonathan
http://www.mchap.co.uk

Fabulous Photo Gifts said...

Hi Mchap

Thanks for stopping by and leaving such a helpful comment.

Regards

Jonathan - Fabulous Photo Gifts.

P.S Did you know this is one of the most visited posts i've ever written - thank you to everyone who visits - I hope you found it useful.

Justin said...

Thanks for the post. I've been entering in the code just like you said. I even did a view source on your blog and copy, pasted and edited, but I keep getting 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: The reference to entity "url" must end with the ';' delimiter.

Below is exactly how it is in my template editor. I can't find the errors?

Any ideas??

(I took out the first bracket "<" of each line of code and replaced it with "~" so it would all show up in the post.)

~!-- quickedit pencil -->
~b:include data='post' name='postQuickEdit'/>
~/span>
~span class='submitbuttons'>
~a href='http://www.facebook.com/sharer.php?u=http://jyoungmusic.blogspot.com'> ~img alt='Facebook' border='0' src='http://i188.photobucket.com/albums/z116/wandadog13/blog_icons/facebook.gif'/> ~/a>
~/span>
~/div>

Ted said...

This is brilliant advice. Thanks a lot!

Fabulous Photo Gifts said...

Hi Ted - thanks for stopping by.

Hope that helps - I tend to post such articles as and when I discover how to do these things myself.

One big learning curve eh?

Cheers - Jonathan.

Fabulous Photo Gifts said...

Hi Justin

Sorry - In such matters I'm a cut and paste man myself. If I can't get it to work, then I usually go back to the very beginning and start again.

Double check you're not missing a character in your icon urls or a closing " speech mark.

They're the usual culprits.

Anyone else help Justin out here?

Jonathan.