How to Create Facebook Popup like box widget for blogger

I'm back today with a new widget for your Blogger blog. It's a new blogger widget that looks like a Facebook popup box. However, we have already provided a number of additional Facebook popup type boxes. This time, though, it's a different-looking Facebook popup-like box widget that you'll undoubtedly enjoy. It features a clean and professional design with a jQuery popup effect.

When someone visits your blog, a Facebook popup like box will display, with the option to close it.

Follow These Following Steps:

1. Go to Blogger Dashboard > Layout > Add a Gadget

2. Choose HTML/Javascript from the list.

3. Copy and Paste Code Which Download is at the End.

4. Finally save widget and you're done !

Some Customization

Replace the "FACEBOOK PAGE URL" word at the end of the code with the URL of your site's Facebook page after you've added the code.

After the website has finished loading, the widget will appear 5 seconds later. Adjust the value 5000 to a higher or lower number in this section if you wish to change the delay:

.delay(5000)

The like box appears just the first time a user views your page by default. Remove this line of code if you want the Facebook box to appear every time the page loads:

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

If you only want to show this tag when a user hits your homepage, go to 'Template' > 'Edit HTML' on the right side, and search for this tag by clicking anywhere inside the code section and pressing CTRL + F.

</body>

Copy and paste the Facebook popup widget above the body element, making care to include the conditional tags listed below:

<b:if cond='data:page.type == "index"'>ADD THE FACEBOOK WIDGET CODE HERE </b:if>

After you've completed the above modifications and saved your widget, go to your blog and you'll notice a Facebook popup like box with the option to like or close it.

Have fun! Please leave your thoughts and questions in the comments section below.

Click Here To Code Download

For Full Guidance, Complete the below video

If you want to learn more and have a any problem, when you working on blogger, and during your work, you feel some problems of any topics of blogger, just go below the comment box and explain your problem with #crazyeditingstudio.

When your comment will receive me than I will check your problem and try to solve your problem. And if need a dedicated article of your problem, I will must upload it.

Technical Encoder

How to Create Facebook Popup like box widget for blogger