How To Add jQuery Facebook Popup Like Box For Blogger

Integration of social media like Facebook, Google Plus, Linked In, Digg plays an important role in Search Engine optimization. A lot of visitors comes from these social media and share your post with many others and more visitor, this is actually a flow of visitors. Again more visitor=more money.

There must be options to share your post with these social media. In a previous post i have shown you how to add floating sidebar social share buttons in Blogger. Today i am going to show you how to add jQuery Facebook Popup Like Box For Blogger.

How To Add jQuery Facebook Popup Like Box For Blogger

How To Add jQuery Facebook Popup Like Box For Blogger

This is a jQuery popup like box for Facebook with 4 different skins and very easy to customize. This box has a like button and also it contains a cool image which is linked to your facebook fan page. This like box is designed by kakiheboh. Lets see how to add this to blogger blog. See here the Demo of the like box.

How To Add jQuery Facebook Popup Like Box:

1. Go to Blogger Dashboard > Template
2. Download a copy of your template Before beginning.
3. Click on Edit HTML> Proceed
4. Now find below code in your template


5. Copy the below code and paste it Just above the < /body > tag.

You don’t need to go through the template html, just add a gadget and paste the code.

[Update: Go to Layout> Add a Gadget> Html/JavaScript> Paste the code]

How To Customize Facebook Popup Like Box:

1. Replace username “MovieDownloadAndintenetTips”  with your Facebook fan page user name.

2. Change the Title of the page title=”Join us at Facebook!“.

3. To remove the cross button find this code closeable: true and change it to false.

4. Change the time The pop up will disappear after that time=”60″

If you enjoyed it Please take some seconds to share it with your friends.

Any problems ! Feel free to comment.


Code Backup

Leave a Reply

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