Add Facebook Like Button To Blogger Posts

Posted by Unknown on 0

As well all know facebook is one of the largest social media Company in the world. If your Blog have any fane fage then it will help you alot in increasing traffic on your blog. We already shared all types of twitter tweet button and here also we are giving all types of facebook like button verticle count horizontal count and without count. You can add this button just below of post tile and belw of the post. Jst follow my instruction Carefully...

 * Note ! This button will not like your fan page it will like and share Your post .

How To Add Facebook Like Button To Blogger Posts .

* Go To Blogger Dashboard . Design . Edit HTML .

* First take a backup of your template .

* Tick the expoand widget check box .

* Find for below code in your Template .

<data:post.body/>

If You wish to add like button just below to post title the add the below code just before of <data:post.body/>

Facebook Like Button Styles 

You can add like Button in three Styles !

* Verticle Count .

* Horizontal Count .

* Without Count .

1 . Verticle Styles .

<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.canonicalUrl + &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=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

realcombiz

2 . Horizontal Count .

<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.canonicalUrl + &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>

realcombiz

 3 . Without Count .

<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.canonicalUrl + &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>

realcombiz

If You Faced any problem , Please do not hesitate to Let me Know :)