PUTTING A FACEBOOK LIKE OR RECOMMENDING BUTTON ON YOUR BLOGGER

Facebook like button is a plug-in which any blogger or forum owner must put to his website to make a visitor tell his or her friends the way he or she feels about an article or a post this button can even send a notification to the persons facebook wall telling his friend what he or she like or recommend for others to view. It can be added on top of the post or below the post and also it can be customized into different verbs like recommends, loves, check this or like and so on

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=recommend&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

</b:if>

To add this to your blog posts just log in to your blogger account then click on the blog you want to put this in. Then in your dashboard click on design then go to html design. After the html design comes up. I will like you to back up your blog during any html changes in your local drive in case things goes wrong even though it won’t. Then expand your widgets by checking the box on the right top of your html codes

Click on ctrl+f to find a code

There are two codes that you need to find depending on the place where you want to place your like button (if it is on top of the post or below the post) some people goes for the top so that people may recommend it even before reading it or rather some people might put it after the post to make the reader recommend it after reading it. So to put it before the post simply search for this code

<div class=’post-header-line-1/>

And after it paste the button code

But if you prefer putting the code after each post then search for using Ctrl+f

<data:post.body/>

Then put this in you finding box and click find if you want this it be in your blog posts floor and paste the code below it

THEN TO CUSTOMISE IT TO YOUR CHOICE OF WORDS

Simply search like using Ctrl+f to find like and put any verb of your choice

E.g. recommend, good, likes, great and so on

To change the color, your also search for light, in this you have only three color options which are

Light, 

evil or

 dark

To change the height you got to use the same search button to find the width or height and give your designated size

To change the fonts search for the Arial: this part controls the fonts and you can change it to lucida+grande, Tahoma , verdana, trebuchet+ms or segoe+ui

I will always appreciate your comments and I will reply to you if you haveany question