 |
| Sample Photo with Facebook LIKE / SHARE Button Plugin. |
Now, let's Learn to Add the Facebook LIKE Button Plugin in Blogger Posts, Either Individually or At All Posts at a Time Step by Step:-
#1. First of All, Go to the Facebook Developer Site for Creating the LIKE Button Plugin for your Blogger site.
Click Here for Facebook Developer Site to Create LIKE Button Plugin for your Site.
#2. Now CHOOSE the LIKE Button Plugin Option in Facebook Developer Site.
#2. Now CHOOSE the LIKE Button Plugin Option in Facebook Developer Site.
#3. Now CUSTOMIZE the LIKE Button Plugin for your Site. First, PASTE there your Site Link. Next, customize the Width, Layout, Action Type, and Button Size for your Blogger Site.
After CUSTOMIZING, below there will be shown the SAMPLE Like Button Preview for your Site.
Now Click on the GET CODE Option to get the CODE for your Site.
#4. There will 2 Parts of Code for the LIKE Button Plugin.
The 1st Part of Code should be added in the Blogger Theme HTML View, and the 2nd Part of Code should be added in your Blogger POSTS / PAGES where you wish LIKE Button Plugin to appear on your site.
#A. FOR the 1st Part of Code:
NOTE: This 1st Part of CODE should be added only ONCE in your Blogger THEME.
So if you have already PASTED this 1st part of Code for other Facebook-Plugins like Like or Comment Plugins, then NO NEED to again this 1st part of the code. This 1st Part is the same for all Facebook-Plugins as Comment Box plugins, Page Plugin, Group Plugin, Like Button Plugin, etc.
Once see in your Blogger theme, if it's already added previously for other Plugins, then no need to paste this code again.
If NOT PASTED yet in your Blogger HTML, then COPY the 1st Part of code, go to Blogger Theme and then EDIT HTML option.
SEARCH <body> option in the Blogger HTML View and PASTE the 1st part of the Code JUST AFTER or BELOW <body> & SAVE the THEME.
#B. FOR the 2nd Part of Code:
There are 2 Cases for Like Button Plugin appearing in the Blogger POSTS.
If you wish the Plugin to Appear the LIKE Button Plugin in Some Posts only and NOT Automatically in all blogger posts, you need to add the 2nd part of code in that Individual Posts HTML View.
But if you wish to SHOW the LIKE Button Plugin automatically in all the Blog Posts with Single Code, you need to Add the LIKE Button Plugin 2nd Part Code in Blogger HTML View.
Adding the 2nd part Code of Like Button Plugin ONCE in Blogger HTML will show the Plugin AUTOMATICALLY in all the Posts.
You can choose where to Show the Plugin EITHER at the Starting of the Posts OR at the End of the Posts.
CASE 1:
If you wish to Add the LIKE Button Plugin in Some POSTS Only and Not in All the Posts, then Add the 2nd Part of CODE Individually in Blogger Posts HTML View.
Go to the Post and then go to HTML View of the POST and PASTE the 2nd Part Code in HTML View of the Post.
Go to the Post and then go to HTML View of the POST and PASTE the 2nd Part Code in HTML View of the Post.
CASE 2:
If you want to add the Like Button Plugin in All the Posts of Blogger Automatically, then Add the 2nd Part of Code in Blogger HTML View.
SEARCH for this line in Blogger HTML View:
Now, if you Wish to Show Facebook Like Button Plugin in STARTING of the Posts or Below your POST Title and Above the Content / Body of the Posts, then Add the 2nd PART of Code JUST ABOVE or BEFORE: <data:post.body/>
There may be 2 or 3 <data:post.body/> in your Blogger HTML. So try PASTING your Code in 2 <data:post.body/>, mostly it works for 2nd <data:post.body/>. It not seen in site then try another <data:post.body/> till the Plugin is seen. In my Blog, its working in 2nd <data:post.body/>.
SEARCH for this line in Blogger HTML View:
<data:post.body/>
Now, if you Wish to Show Facebook Like Button Plugin in STARTING of the Posts or Below your POST Title and Above the Content / Body of the Posts, then Add the 2nd PART of Code JUST ABOVE or BEFORE: <data:post.body/>
There may be 2 or 3 <data:post.body/> in your Blogger HTML. So try PASTING your Code in 2 <data:post.body/>, mostly it works for 2nd <data:post.body/>. It not seen in site then try another <data:post.body/> till the Plugin is seen. In my Blog, its working in 2nd <data:post.body/>.
ALSO, if you Wish to Show Facebook Like Button Plugin at the END of the Posts or Below your POST Content / Body of the Posts, then Add the 2nd PART of Code JUST AFTER or BELOW: <data:post.body/>
#5. Now SAVE the THEME, and you are all DONE to add FACEBOOK Like Share Button Plugin in your Blogger Posts, Either Individual Posts or All Posts at a time.
You are all done now to add FACEBOOK Like Share Button Plugin in your Blogger Posts, Either Individual Posts or All Posts at a time. Check your Site Now.