Add Beautiful Custom Facebook Like Box To Your Blog

1 Star2 Stars3 Stars4 Stars5 Stars (Click to Rate)
Loading...
Facebook Like Box is very useful widget to show visitors the authority and love of the people for his blog. Facebook offers a simple Like Box plugin that you can easily integrate into your website But the default Facebook like box is not having good look at ugly all. This tutorial will show you How To Add Cute Custom Facebook Like Box using CSS To Blogger. Facebook Like Box is the best way to get more fans on Facebook. A Fan Box allows great attract your Blog more visitors or readers to like your Facebook fan page not leaving the like go here. you don’t need to do any think you only need to copy and paste the code. Im Sure that this Cool Customize Facebook Like Box With CSS widget attracts your facebook fans increase the count of Likes.


How To Add a Custom Facebook Like Box to Your Site


Now let’s start adding it… 

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.


ALSO READ:  How to Index Your Blog And Website in Google Search in 24 Hours
Blogger Tips And Tricks|Latest Tips For Bloggers


Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 


Blogger Tips And Tricks|Latest Tips For Bloggers


Step 3. Select ‘HTML/Javascript’ and add the one of code given below. 

Step 4. Now Click On Save ‘JavaScript’ You are done.

ALSO READ:  WhatsApp update will allow you revoke and edit already sent messages, photos and videos

Enter Your Email Address To Receive Free Updates!!!

Note:– Replacepages%2FBlogspot-tutorial%2F220888831260608With your Facebook User name


Style 1:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>



And now click Save 



Style 2:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 3:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 4:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 5:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 6:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 7:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 8:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 9:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>




Style 10:-

Customize Facebook Like Box




Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:258px;” allowTransparency=”true”>

Get Our Hottest Updates via SMS. Kindly SMS FOLLOW GURUBASICS to 40404. On Any Network. It Is Totally FREE. Download Our Android App From HERE
To Submit Your Guest Post Or Sponsored Article, Enter HERE. Click HERE To Our Join Telegram Group
wizytechs blog-bg
Subscribe To My YouTube Channel For Latest Football Gameplay Videos... Click HERE
Join GuruBasics Telegram Channel For your latest free browsing cheat, tech news, phone reviews, tutorials and many more by clicking HERE
Download Our Android App HERE
1 Star2 Stars3 Stars4 Stars5 Stars (Click to Rate)
Loading...

Enter Your Email Address To Receive Free Updates!!!

2 Comments

Add a Comment
  1. Cool, just uploaded this script on my blog

  2. Cool, just uploaded this script on my blog

Leave a Reply

Your email address will not be published. Required fields are marked *

GuruBasics © 2018 Frontier Theme