RealcomBiz
Pin It

Add Facebook Like Box Below Your Blogger Blog Post

Facebook like box is a social plugin that allow page owner to get more like directly from their blog/site with a one click without leaving their site. this facebook like box will appear below every post. Before you can add this to your blog, you must have a facebook fans page, you can create one for your blog at www.facebook.com/pages and click "Create page", fill-in the required information and follow the instruction carefully.

Adding Facebook Like Box Below Your Blog Post

Login to your blogger dashboard
Click On "Design" > "Edit HTML" > Backup your template
Tick/Mark "Expand Widget Template"
Use ctrl F to find the code below


<data:post.body/>
 

Paste the code below immediately after it

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Frealcombiz&amp;width=590&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/>

Replace the blue text above with your facebook page url, you can get it from your browser address bar when you are on your page homepage, replace all back lashes "/" sign with "%2F" as shown above, the initial address is www.facebook.com/realcombiz, after replacement, it appear as www.facebook.com%2Frealcombiz. To adjust the width use 590 above.
Click "SAVE TEMPLATE" and you are done, click on any of your post to see the like box appearing under it, the like box will appear as the image shown below.


You can also how to add facebook like box on your blog sidebar
Hope this help, use the comment box below if you have anything to say or ask. remember to share this with friends too and subscribe to this blog for you to stay updated with our latest tutorials directly into your email.



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

4 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. web design company
    http://www.agtsindia.com/


    One of the most professional and leading web design and development company in India. Provides services like web design and development,
    web application development, SEO, SMO, website maintenance, hosting at affordable rates.

    ReplyDelete
  2. I am thoroughly convinced in this said post. I am currently searching for ways in which I could enhance my knowledge in this said topic you have posted here. It does help me a lot knowing that you have shared this information here freely.Web design in Professional company

    ReplyDelete
  3. Acquaintance with your company buy Facebook fans daily makes your business feel like home to many people.

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger