Saturday, July 3, 2010

How to add a Facebook like button to your Blogger entries

Like many others, I recently finally gave up and started using Facebook. I really don't like it, but one has got to follow the trends I guess. Once the did was done, I had to add a Like button to my blogs so readers can share them with their Facebook buddies. There are many explanations for this on the web, so I figured, why not add another simple one. So here goes.

In order to add a Facebook Like button to your Blogger posts:
  1. Go to your Blogger Design tab and click on Edit HTML.
  2. Check the box.
  3. Find the <div class="post-header-line-1"> string and add the following code right after it.

    <b:if cond='data:blog.pageType == "item"'&gt
    <iframe allowTransparency='true' expr:src='"" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/&gt

  4. Click Save Template and you're done.
This is how it looks like

There are several customization possible, instructions to which you can Google. This is just the super basic option. Enjoy and do click the Like button on the top of this post


niftyknits said...

hello sharona - hope life is treating you well!

Sharona R - שרונה ראובני said...

Hello dear. Holding on, God knows how :o)

FONT LOVER said...

nice tutorial.
thanks a lot for sharing 0_0

JooJoo said...

Thanks a lot for sharing Sharona!!!

About your previous post: I also lose inertest once in a while, but sprit of an artist is like a wave, it has its own ups and downs...I'm sure you'll find your enthusiasm very soon!