Friday, November 5, 2010

How to Add the Like Button to Your Blog...

I have been asked several times how to put the Like button on Blogs. Thought it was time for me to Blog instructions. I hope you find them helpful.

Please don't let the instructions intimidate you, it really is quite easy to do.

First click on Design, then click on Edit HTML (I would copy the original HTML code and paste it in Wordpad or Notepad for backup just in case something goes awry).

When the HTML window opens, check mark "Expand Widget Templates" (upper corner).

Now you will need to do a ctrl + f (do this together). A box will open at the bottom of the screen. You will see Find: (in the blank box put this info) <data:post.body/>

The cursor will go directly to that line. Then paste the following code after that:

<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;'/>

Click on "Save Template".

If all went good, every time you create a new post you should see the Like button at the bottom of the post.


Have a question about this tutorial?  Leave me a comment and I will respond.

No comments:

Post a Comment