How To Add Facebook page promoter lightbox for Blogger

How To Add Facebook page promoter lightbox for Blogger

Hello guys, Once again we are giving you How To Add Facebook page promoter lightbox for Blogger a complete tutorial, There are many like boxes for Facebook we are also share many of these categories, Every developer need something different on there blogger or site,  So they always trying to get something and updated code for Facebook like box, Its a plugin for increase your Facebook like by your blogger traffic, Means using this you can convert your blog traffic to in fb likes, Its fast and unique way for increase your page likes too fast.

You ay also Like New Facebook Page Promoter Popup Like Box

How to add like us on facebook button to blogger

In now tines social sites are most famous trends in  young, Twitter, Facebook and Google plus are also a part of life in young so if you wanna promote your product in youth and to word wide, Than you must use social sites, Because  all are free and its give visitor too fast,  If you wanna promote your product or site though Facebook than you must need to create a page and get more likes for increase traffic on your page. Using this like box you can convert your visitor into likes, Its more effective and fast way for this. I will help you.

 Also Useful Article - Add Facebook Activity Feed Plugin To Blogger

Add Facebook page promoter light box for Blogger

If you wanna use this light box in your blogger or Blogspot,  You can do it very easily because we are sharing also a YouTube  Video tutorial and give you most easy way for this, All codes are updated, Fast loading and seo friendly too.

Also Read - How Add Facebook Popup Like Box with Timer in Blogger

• -   First Go To Your www.blogger.com

•   Now Open Your Desire Blogger.

•    Now Click on Option  "Layout".

•    Now simply Click "Add A Gadget" .

•  -   Now Scroll To "HTML-JAVASCRIPT"

•  -   Click "+" Icon To Add widget.

•   Now Copy The Below Code And Paste It To There.

•    Leave The Title Empty.

•   Click on  Save, Now You Are Done.

Just Use Below Code For Widget

<style> /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;opacity:0.5 !important;} #colorbox{ box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); } #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWfGWMKIRADny_840sS0kbVjaEpd0qcGbuK0mGXtApTOvXmtg2vIrkp9AezgXWoEPVPrnLtdrg_LDBdpvyceAODARDBbaz-f_1RzZSh79oOCNcNbZQOivcNtEJFtO074U4tFaoiGVPJra/s1600/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWfGWMKIRADny_840sS0kbVjaEpd0qcGbuK0mGXtApTOvXmtg2vIrkp9AezgXWoEPVPrnLtdrg_LDBdpvyceAODARDBbaz-f_1RzZSh79oOCNcNbZQOivcNtEJFtO074U4tFaoiGVPJra/s1600/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgctaZYhPaYvCFQpC_SzAdaQQROqbwkCEZb_bGLpJVI0iN4g57ahAiKC_VkpPZ7bsv4TjPiV7mQXOCuluHL2N_y9cMt02QXJdCS5MjfIF8ligEpjhe314YFMbCiXXgBmknWLwl3AfPejUYE/s1600/loading-background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhneUWlDZtvPI227MtzL06Z83c3egBXbsA8cIu3ANJm9Fkt-uo2hiBB1b1459Nzbzeqp7WAV5xRblKcR4CsSQMXkGcI8-DLIbO4uvazW9L23ksvdqpMh7jdSRmToVFmY4UjryrA5l4GlKkB/s1600/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#F1F1F1;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#F1F1F1;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCERyZ_erFOWW4l5N6znzcoSnEvNqBkMBoVdYDN09Uq2schYG_R22igj_sVXpX0u3jYl6Kyvg7tgItSdh-7DA6fahAaEhHFEc4Dbduz9rSmnnArw0TMr4Mrs7EpFdoMheK0ORyqo9L20fI/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*-----------------------------------------------------------------------------------*/ /* Facebook Likebox popup For Blogger /*-----------------------------------------------------------------------------------*/ #subscribe { font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; } #subscribe a, #subscribe a:hover, #subscribe a:visited { text-decoration:none; } .box-tagline { color: #999; margin: 0; text-align: center; } #subs-container { padding: 35px 0 30px 0; position: relative; } a:link, a:visited { border:none; } .demo { display:none; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script><script type="text/javascript">jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script><!-- This contains the hidden content for inline calls --> <div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmahicracks&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=246422602187042" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe></center></div></div>



Setting

* Just Change Page Name mahicracks to Your Page.

* Its one Time Popup Lightbox.

Final words

There are many Facebook like boxes, You can use any of these but i wanna say you its give like but its not for a good site, Means most popular and user friendly developer not use any type popup like boxes, If you have any question about this article please comment below we will sure reply your answer as well as soon. Thanks for visit our site and keep it.