SUBMIT YOUR "GUEST POST" in www.devicepoint.net Blog

How to Add Facebook Like Popup Widget in Bloggers

I am share Facebook POPUP Widget for blogger blog, and I am also told advantage of this POPUP Widget of blogger. When you have use POPUP Widget in blogger so you will received visits of this POPUP Widget then user seen it and may be like it. That is help to increasing your Facebook like easily. And users like your Blogger Page in Facebook that means they are liked your writing skill and topics of blog, so these visitors come back on your blog and your visitors counting will be increase and that is help on increasing rank of alexa as well revenue of blog and visitors. Facebook Like Popup Widget for Blogger.

Facebook Page Advantages:

Increase Facebook Like that means it's a trick for increasing Like of Facebook
Increase Visits on your Blog, means when visitors like your blog so it's come again when you have posted new article in blog, So share new article on your Facebook page


Facebook POPUP Widget For Blogger:

I am share only link where you have found the Facebook Lightbox Popup Widget for Blogger.


  • Copy below code and open blog then Template now Edit HTML and search "</head>" and paste all code above of </head> tag and click on Save Template.

CSS for Facebook POPUP Widget:

<style>
.facebookcommentbox{
Width: 320px; Height: 310px;
position:fixed; top:200px; right:150px; left:400px; bottom:10px;
background-color:white;
z-index:3;

padding: 30px,10px,30px,10px;
Border-style: outset; Border-Color:gray;
margin: 10px, 10px, 10px, 10px;
}
p.margin
{
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
margin-left:10px;
}
p.view
{
 background-color: black;
 width: 1400px;
 height: 700px;
 color: white;
 font-weight:bold;
 opacity: 0.8;
 position: fixed;
 bottom: 1em;
 right: 1em;
background-color:white;
z-index:auto;
}
</style>

<script>
$(document).click(function() {
    $('#Basicinfos.blogspot.com').hide();
}); </script>

  • Now open Layout option in blog
  • Then click on Add a Gadget option
  • then click on HTML/JAVASCRIPT Gadget and paste below code.

Open Facebook Like Box Generator and Generate Like for your Facebook Page then select iFrame and copy it
.... Now Replace <iframe.....></iframe> with your Generate Code.

<div id="Basicinfos.blogspot.com">
<p id="dp1" class="view">
<div class="facebookcommentbox">
<p class="margin">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmm&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true& style="border: none; height: 290px; overflow: hidden;"></iframe> </p> </div>
</p>
</div> 

CHANGE RED COLOR NAME "Basicinfos.blogspot.com" to YOUR PAGE NAME.

  • Paste this code in HTML Gadget and Save.

Conclusion:

I am share facebook popup like box widget for blogger, if you getting any issue by this gadget then please tell by Comments.

Post a Comment