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
1. Log in to your blogger dashboard.
2. Go to Layout and click on Add a Gadget (in sidebar or footer section).
3. Click on HTML/Java Script gadget.
4. 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>
5. 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 us hear from you via comments.
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
1. Log in to your blogger dashboard.
2. Go to Layout and click on Add a Gadget (in sidebar or footer section).
3. Click on HTML/Java Script gadget.
4. 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>
5. 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 us hear from you via comments.
Thank you mr Jeff... pls ow can i get the stable one? i.e the one dat does not move. like your own blog???
ReplyDeletePls send me an email in regards to your question.
DeleteThis helps a lot specially to those beginners. You don't need to edit the main XML but instead just adding a new widget and will works instantly.
ReplyDeleteThis is very interesting, You are a very skilled blogger.I’ve joined your rss feed and look forward to seeking more of your wonderful post. Also, I’ve shared your website in my social networks!
ReplyDeletewebsite design