Facebookas recently made lots of change to itself . The major changes made this time is the Change of Facebook Become a Fan button to Facebook like regarding theFacebook pages. It has also introduced the Like option or your blog for easy sharing of your blog. This feature is similar like the Facebook Share option but it looks like that facebookis in favor of replacing their Share Option into this Like Option.Whenever you share an article through the Share button It appears in the long format that contains the Title of your shared link.

so here the tutorial that how to add facebook like button for blogger and WordPress.

Add FaceBook Like Button For Blogger

Step 1. adding it to your template.

The button code,

where to add it ?

Log into your blogger account, then go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templatesbox.
And find the next Code

And after it, paste your button code

What, If you didn’t find the code above in your template, The try to find the following,

And paste the button code Before it.

click Save Template and you are done.

Step 2. Customize your button & Demo.

in the above code you can customize 3 parts. and i’ve colored them to make it easy for you to recognize,

in the above code change the following parts,

• like this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.
• arial this part controls the font type, keep it or change it to one of the following,lucida+grande
  segoe+ui
  tahoma
  trebuchet+ms
  verdana
• light this part controls your button color theme, and you have three options,light, evil, or dark
• Update, How to make it appear on your home page.

in the button code there are two parts you’ll need to remove to make this button appear on your home page, the first line and the last line, if you still don’t under stand, please see the following parts and delete it before pasting the code to your template

Add FaceBook Like Button For WordPress

There are different ways for adding Facebook Like button in Facebook either by using the direct code or by using the Facebook Like button WordPress plugin which is the simplest one.

The HTML Iframe code for the Facebook like button for the WordPress blogs goes below. Paste the following code in thesingle.php file of your wordpress theme and see the code work.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<iframe expr:src=’”http://www.facebook.com/plugins/like.php?href=” + data:post.url + “&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light”‘ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:530px; height:60px’ allowTransparency=’true’></iframe>
</b:if>

There are some changes you can make in the code above either in case of WordPress code or blogger code to customize the button according to your need.

Related posts:

1. 10 Must have WordPress SEO Plugins
2. how to use free facebook on Airtel
3. Best top 9 Social Media WordPress Plugins
4. Tricks to Change windows7 Library Icons with simple utility
5. How to Backup Facebook [4 best tools for backup facebook]

Tagged as: add facebook like, add facebook like to blogspot, add facebook like wordpress, facebook, facebook like, social media icons