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:
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".
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.
Nice. Will try it later when on PC. Glad there is no "get this gadget" link in the code..lol
ReplyDelete@ 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.
Delete@ chris you have to try it out if you really need traffic to your blog bcos social media is very essential for traffic
DeleteNice post. Its working on Martins Library
Deletei 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
ReplyDeleteOn behalf of Jide you are welcome
DeleteLolz!www.frabidel.com no go forget dis sexy,pwetty site
ReplyDeletesure, it's a place to be please keep visiting ogbongeblog
DeleteIts working perfectly on my blog. Thanks @ jide.
ReplyDeleteThank God it worked for you
DeleteI just installed it on my blog http://ictgik.blogspot.com/ and it worked perfectly. Thanks for this.
ReplyDeleteThank God it worked for you, you are welcome
Deletethanks..
ReplyDeleteStill having issues with my blog at calebmoney.blogspot.com
ReplyDeleteWhat issues?
Delete@jide,pls,how do i make my read more tab blink -able?
ReplyDeleteI don't really understand you. Kindly mail me bro.
DeleteHi, 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.
ReplyDeleteplease, reply. thanks
ReplyDeleteit doesn't work for my blog www.gastd.blogspot.com
ReplyDeleteThanks was helpfull http://afripoint.blogspot.com
ReplyDeleteI 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
ReplyDeletewww.exclusivetins.blogspot. com
Nice post...It works for me perfectly...Thanks Jide http://updatingnaija.blogspot.com/
ReplyDeleteit works perfectly fine, thanks +UnwanaJohnson for this tutorial
ReplyDeleteReally fantastic post. It works. I am so happy. finally my problem is solved. thanks for sharing.
ReplyDeleteWow this is great. I love it.
ReplyDeleteIt is working perfectly. Can you share a tutorial on how to increase Google Plus followers apart from adding Google plus follow box in blog?
ReplyDelete