How To : Add Simple Facebook Like Box Below Every Post in Blogger

How To : Add Simple Facebook Like Box Below Every Post in Blogger

Use of social media will definitely brings you tons of visitors. We all know, blog traffic is directly proportional to money. Hence making more page views will boost your income from the blog. Adding a simple  Facebook Like box below every postin  blogger will helps you to increase the Facebook fans as well as traffic. Thisis a simple tutorial on adding a light script in your blogger HTML codex. Thus more visitors assured.
How To Add the Scriptin HTML Part
This doesn’t need any coding skill at all. just follow my instructions and you will be acquiring the tipto add the Facebook box below every blog post.
Note: This is only for Blogger blogs and won’t work in WordPress  blogs. There are some plugins for WordPressto add the same.
Procedure
*. As usual log in to your blogger dashboard and move to Template> Edit HTML
*. You have to Expand the HTML code to find a certain code. So Mark  “Expand Widget Template” as shown below

*. Now search for <data:post.body/> bypressing Ctrl+F in your keyword.
*. Now just below the above code, add the below script in the body.

&lt;b:if cond=’data:blog.pageType == &amp;quot;item&amp;quot;’&gt;&lt;iframe allowTransparency=’true’ frameborder=’0′ scrolling=’no’ src=’//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F tricksmash &amp;amp;width= 622 &amp;amp;height= 180 &amp;amp;colorscheme=light&amp;amp;show_faces=true&amp;amp;border_color&amp;amp;stream=false&amp;amp;header=false’ style=’border:none; overflow:hidden; width: 622 px; height: 180 px;’/&gt;&lt;/b:if&gt;
*. Just replace the pink colored part to your own custom data.Replace with your fb fan page idand the height and width respectively.
Done. move back to your blogger blog and now check whether the facebook fan box appears below every post.