ADD FACEBOOK LIKE BUTTON IN BLOG POSTS

How To Add Facebook Like Button In Blogger Post?

1. Go to your blogger “Template” section.
2. Click “Edit HTML” and then “Proceed”.
3. Tick/check “Expand Widget Templates”.
4. Press Ctrl + F and search this <data:post.body/> tag.
5. Copy the code below and paste after or before <data:post.body/> tag.

Standard Code:

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px; height:35px;’/></b:if>

Box Count Code:

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:55px; height:65px;’/></b:if>

Button Count Code:

<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:90px; height:21px;’/></b:if>

Customization:

You can change the font style see the following.

• font=lucida%2Bgrande
• font=segoe%2Bui
• font=tahoma
• font=trebuchet%2Bms
• font=verdana

You can change the color scheme see the following.

• colorscheme=light
• colorscheme=dark

You can change the heigth and width see the following.

• width:90px;
• height:21px;

You can change the “Like” to “Recommend” by changing the following.

• action=like
• action=recommend

You can change “show_faces=false” to display the face.

• show_faces=false
• show_faces=true

You can remove “Send” button see the following.

• send=true
• send=false

Note:

If you want to add this below blogger post title search this

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’> 

tag and paste the after that tag.

Kindly Bookmark this Post using your favorite Bookmarking service: