Skip to content
new ogbongeblog logo
  • Advertise
  • Blog
  • Contact

How To Add Facebook Pop Up Like Box To Blogger Blog Without Editing HTML

September 4, 2013

·

Uncategorized
jidetheblogger Avatar
jidetheblogger
This is a guest post compiled by +Unwana Johnson  for OgbongeBlog

When it comes to getting “likes” for your Facebook page, installing a  pop up like box is highly recommended because it will be compelling all your blog readers to like your Facebook page as it will pop up on any loaded page of your blog.
There are a lot of bloggers out there mostly the newbies that have the interest of enabling a pop up Facebook like box on their blog(s) but because of the fear of editing their blog HTML, they rather run their blog with their Facebook like box on their sidebar only to avoid scattering their blog design.

In this tutorial, I am sharing with you, how to enable Facebook pop up for Blogger blog whenever someone visits any of your web pages.

Below is a snapshot of what it looks like:
facebook pop up box

How To Get Started

==> Log in to your blogger dashboard

==> Go to “ Layout ” and click on “ Add a Gadget ” (in sidebar or footer section)

==> Click on “ HTML/Java Script ” gadget

==> Copy the code below and paste in the box. Leave the title blank.

<link rel=”stylesheet”
href=”http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css”
/>
<script src=”http://code.jquery.com/jquery-1.9.1.js”></script>
<script src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js”></script>
<link rel=”stylesheet” href=”/resources/demos/style.css” />
<script>
$(function() {
$( “#dialog” ).dialog();
});
</script>
<div id=”dialog” title=”Get updates via Facebook”>
<center>
<iframe src=”//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ YourPageUsername &width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false”
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:285px; height:258px;”
allowtransparency=”true”></iframe></center>
</div>

==> Click on “ Save “. 

Remember to change the phrase YourPageUsername with the username of the Facebook page that you want to be popping up.

How Do I Get My Facebook Username?

You can get your Facebook username here if you don’t know it. 

That’s all.

Did it work for you or not? Please, let me hear from you via comments.

This post was written by  +Unwana Johnson .He is the author of AllBloggersBlog . 
Please Share :
blogger tips Guest Posts

Like What You Read?

Sign Up to get similar articles delivered to your email inbox.

Leave a Reply Cancel reply

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

27 responses to “How To Add Facebook Pop Up Like Box To Blogger Blog Without Editing HTML”

  1. Chris Avatar
    Chris
    September 4, 2013

    Nice. Will try it later when on PC. Glad there is no "get this gadget" link in the code..lol

    Loading…
    Reply
    1. Unwana Johnson Avatar
      Unwana Johnson
      September 4, 2013

      @ Chris you are really funny, so you mean you do not want to like back to the code writer? i think he deserves that credit.

      Loading…
      Reply
    2. Daniel Chinaza Avatar
      Daniel Chinaza
      February 3, 2014

      @ chris you have to try it out if you really need traffic to your blog bcos social media is very essential for traffic

      Loading…
      Reply
    3. MARTINS LIBRARY Avatar
      MARTINS LIBRARY
      May 24, 2014

      Nice post. Its working on Martins Library

      Loading…
      Reply
  2. Okafor Arinze Avatar
    Okafor Arinze
    September 4, 2013

    i love this, thank you mr jide, for long i have been tryin to get this rite, so happy i have gotten it now at last

    Loading…
    Reply
    1. Unwana Johnson Avatar
      Unwana Johnson
      September 7, 2013

      On behalf of Jide you are welcome

      Loading…
      Reply
  3. Biodun Frank Avatar
    Biodun Frank
    September 4, 2013

    Lolz!www.frabidel.com no go forget dis sexy,pwetty site

    Loading…
    Reply
    1. Unwana Johnson Avatar
      Unwana Johnson
      September 7, 2013

      sure, it's a place to be please keep visiting ogbongeblog

      Loading…
      Reply
  4. George Emmanuel Avatar
    George Emmanuel
    September 5, 2013

    Its working perfectly on my blog . Thanks @ jide.

    Loading…
    Reply
    1. Unwana Johnson Avatar
      Unwana Johnson
      September 7, 2013

      Thank God it worked for you

      Loading…
      Reply
  5. Eze Nnaemeka Avatar
    Eze Nnaemeka
    September 6, 2013

    I just installed it on my blog http://ictgik.blogspot.com/ and it worked perfectly. Thanks for this.

    Loading…
    Reply
    1. Unwana Johnson Avatar
      Unwana Johnson
      September 7, 2013

      Thank God it worked for you, you are welcome

      Loading…
      Reply
  6. kalpa gayashan Avatar
    kalpa gayashan
    September 7, 2013

    thanks..

    Loading…
    Reply
  7. Oluwagbenga Caleb Avatar
    Oluwagbenga Caleb
    September 24, 2013

    Still having issues with my blog at calebmoney.blogspot.com

    Loading…
    Reply
    1. Jide Oguns Avatar
      Jide Oguns
      September 26, 2013

      What issues?

      Loading…
      Reply
  8. Edward junior Avatar
    Edward junior
    September 29, 2013

    @jide,pls,how do i make my read more tab blink -able?

    Loading…
    Reply
    1. Jide Oguns Avatar
      Jide Oguns
      September 29, 2013

      I don't really understand you. Kindly mail me bro.

      Loading…
      Reply
  9. Shiv saroya Avatar
    Shiv saroya
    November 23, 2013

    Hi, this is very nice tutorial for me, i have a blog and i add this Facebook pop up like box into my blog, thanks for this post.

    Loading…
    Reply
  10. Mikell Diggz Avatar
    Mikell Diggz
    December 31, 2013

    please, reply. thanks

    Loading…
    Reply
  11. Sarafadeen Tunde Avatar
    Sarafadeen Tunde
    January 16, 2014

    it doesn't work for my blog http://www.gastd.blogspot.com

    Loading…
    Reply
  12. Arua Goodluck Avatar
    Arua Goodluck
    March 13, 2014

    Thanks was helpfull http://afripoint.blogspot.com

    Loading…
    Reply
  13. temidayo Avatar
    temidayo
    March 29, 2014

    I am now a regular reader of your blog. it's so lovely, thanks for the tutorial on the face book pop out plugin it worked perfectly on my blog

    http://www.exclusivetins.blogspot . com

    Loading…
    Reply
  14. Anonymous Avatar
    Anonymous
    April 6, 2014

    Nice post…It works for me perfectly…Thanks Jide http://updatingnaija.blogspot.com/

    Loading…
    Reply
  15. Akuneme Christopher Avatar
    Akuneme Christopher
    March 6, 2015

    it works perfectly fine, thanks +UnwanaJohnson for this tutorial

    Loading…
    Reply
  16. Mion Avatar
    Mion
    August 23, 2015

    Really fantastic post. It works. I am so happy. finally my problem is solved. thanks for sharing.

    Loading…
    Reply
  17. Kizzy Avatar
    Kizzy
    May 11, 2017

    Wow this is great. I love it.

    Loading…
    Reply
  18. Chris Avatar
    Chris
    July 27, 2017

    It is working perfectly. Can you share a tutorial on how to increase Google Plus followers apart from adding Google plus follow box in blog?

    Loading…
    Reply

WANT TO ADVERTISE?

Chat on WhatsApp

RELATED POSTS

  • How To Add Facebook Like Box to Blogger/blogspot Blog Using html5
  • How to put Adsense link unit in your blog header
  • How To Share Blog Posts from Blogger dashboard to Google Plus

FEATURED


  • CREDICORP launches C.L.I.C.K.D. Scheme with FG’s 3MTT Programme, expanding affordable consumer credit for locally-assembled laptops and devices for digital workers

    CREDICORP launches C.L.I.C.K.D. Scheme with FG’s 3MTT Programme, expanding affordable consumer credit for locally-assembled laptops and devices for digital workers

  • What Happens to Your Online Accounts When You Die?

    What Happens to Your Online Accounts When You Die?

JOIN AI WEB DESIGN GROUP


  • AI Website Design Training Whatsapp Group by Jidetheblogger

    AI Website Design Training Whatsapp Group by Jidetheblogger

← WayBack Machine Lets You View Snapshots of What A Site Looked Like In The Past
Make Money Online With Blog Posts Photos at GumGum.com →

Join 25,000+ subscribers

Receive our latest blog posts in your inbox.

Search

Social

Facebook

Instagram

Twitter

new ogbongeblog logo

Copyright © 2026 | About | Advertise | Featured | Sitemap | Privacy Policy | Powered by WordPress

Your cart (items: 0)

Products in cart

Product
Details
Total
Subtotal ₦0.00
Shipping and discounts calculated at checkout.
View my cart
Go to checkout

Your cart is currently empty!

Start shopping

Notifications

%d

    LIKE My Fan Page

    Privacy Policy | Copyright © 2012,OgbongeBlog.All Rights Reserved. Powered by Blogger .
    Create a Mobile Site
    View Site in Mobile | Classic
    Share by: