Want to grow your blog’s Facebook followers without being too pushy?
Adding a Facebook Like Popup Box to your Blogger site is a great way to gently encourage readers to follow your page while they’re still engaged with your content. ๐
Here’s an easy step-by-step tutorial to get it done—even if you’re not tech-savvy!
๐ ️ What You’ll Need:
- Your Facebook Page URL
- Access to your Blogger dashboard
- A few minutes of time ⏱️
✅ Step-by-Step: Add Facebook Like Popup Box to Blogger
๐น Step 1: Generate Your Facebook Like Box Code
- Go to the Facebook Page Plugin Generator
- Enter your Facebook Page URL
- Customize the settings:
- Width: 340
- Height: 500
- Uncheck: "Show Friends' Faces" (optional)
- Check: "Adapt to plugin container width"
- Check: "Show Cover Photo"
- Click Get Code
- Choose the “IFrame” tab and copy the entire code
๐น Step 2: Add the Code to Blogger as a Popup
- Go to your Blogger Dashboard
- Click on Theme → Customize → Edit HTML
- Scroll down and paste the following popup code just before the </body> tag:
<!-- Facebook Like Popup -->
<div id="fb-popup" style="display:none; position:fixed; width:350px; height:500px; top:20%; left:50%; transform:translateX(-50%); background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:9999; padding:10px;">
<span onclick="document.getElementById('fb-popup').style.display='none'" style="cursor:pointer; float:right; font-size:20px;">×</span>
<iframe src="https://www.facebook.com/plugins/page.php?href=YOUR-FB-PAGE-URL&tabs&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true"
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
<script>
window.onload = function(){
setTimeout(function(){document.getElementById('fb-popup').style.display = "block";}, 8000); // Delay in milliseconds (8000 = 8 seconds)};</script>
๐จ Important: Replace YOUR-FB-PAGE-URL with your actual Facebook Page link.
๐ก Tips for Better Engagement
✅ Delay the popup (8–10
seconds) so it doesn’t annoy users
✅
Customize the popup design to match your blog’s theme
✅
Use sparingly—don't
show it too frequently or on every page load
๐ฃ Adding a Facebook Like Popup Box is a quick, effective way to promote your Facebook page while visitors are already enjoying your content. Just be mindful of timing and design to keep it user-friendly!
๐งก I’ve used this trick on my blog, and it helped boost my FB page likes naturally—without any ads.
๐ Try this tip today and
turn your blog visitors into loyal Facebook fans in just a few clicks!
0 Comments:
Post a Comment
Thank you for reading! Please share and like my Facebook page :)