Facebook Like Box Pop Up Widget For Blogger

How to add Facebook Like Box Pop Up widget for blogger.This tutorial
will help you on how to add facebook like box pop up window widget for
your blogger blog or website.This stunning wordpress facebook pop up
like widget will help you to increase your blogs facebook likes and also
gives a professional look to your blog.This widget has a transparent
look and a quick close button which loads real fast.It also has timer
facility with which you can control the visibility of the pop up for
your readers(show pop up for your readers at your desired days).(in this page also done according to this post

 

Steps to add Facebook Like Box Pop UP widget in your  blog

1. Go To Blogger Dashboard >Template >Edit HTML.

2. Now Search (CTRL + F) for this code: </body>

3.Paste the below code just above </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'/><br /><script src='https://raw.github.com/EXEIdeas/JS/master/ColorBox-v1.3.16'/><br /><script type='text/javascript'><br />jQuery(document).ready(function(){<br />if (document.cookie.indexOf('visited=false') == -1)<br />{<br />var fifteenDays = 1000*60*60*24*15;<br />var expires = new Date((new Date()).valueOf() + fifteenDays);<br />document.cookie = "visited=true;expires=" + expires.toUTCString();<br />$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});<br />}<br />});<br /></script><br /><style type='text/css'><br />/*<br />ColorBox v1.3.16<br />(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)<br />*/<br />#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}<br />#cboxMiddleLeft,#cboxBottomLeft{clear:left}<br />#cboxContent{position:relative}<br />#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,<br />#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,<br />#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;<br />display:block}<br />.cboxIframe{width:100%;height:100%;display:block;border:0}<br />#cboxOverlay{background:#000;opacity:0.5 !important}<br />#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);<br />-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);<br />-webkit-box-shadow:0 0<br />15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:<br />url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url<br />(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1auV_Dw5GislTkbZKEEY0kmEWEm0btuFwsj-SKwMkwV16UR4qYT25S4SdqjWdyGA1QTsyCK0wvXpDLIy9oQib0YLLPIXT8g0WHVR0A7GgJ9my5L9IxpIjVBSY_Gd6Nwmskzx7yXFoueU/s400/border.png) repeat-x<br />top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) no-repeat<br />-36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:<br />url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1auV_Dw5GislTkbZKEEY0kmEWEm0btuFwsj-SKwMkwV16UR4qYT25S4SdqjWdyGA1QTsyCK0wvXpDLIy9oQib0YLLPIXT8g0WHVR0A7GgJ9my5L9IxpIjVBSY_Gd6Nwmskzx7yXFoueU/s400/border.png) repeat-x<br />bottom left}#cboxBottomRight{width:14px;height:43px;background:url(<br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:<br />url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) repeat-y<br /> -175px 0}#cboxMiddleRight{width:14px;background:url(<br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) repeat-y<br /> -211px 0}#cboxContent{background:#fff;overflow:visible}<br />#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil32eZF7g1HsIg7_T_nKEQwFwrXwf3pfbw51e02TXEPweQ-a0mBObXKxKj0gykQ239XJ6CAFei-QgX9yyrKXrCDWr4XCfqxBp0HgYEGBGR_8CDjcNM2bUEDSq1BzF4-2_yG59ABn2f2og/s400/loadingbackground.png) no-repeat<br /> center center}#cboxLoadingGraphic<br />{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEFvB7iW2euY8EEEuuJqjtycN9d4G5ogS_p7_eHdUvDkpQ3AW1laGbDzNJTBx9NglnfYDYqEwjbyyytw4U32XD0JMWIjXZNZrebBxt-JhyphenhyphenE4ehNQmTja4ZQMszHKJaENm9Rj3PxhDW64/s400/loading.gif) no-repeat center center}#cboxTitle{<br />position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,<br />#cboxSlideshow{position:absolute;bottom:-29px;<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CVQSOnzz-pDSPDS7aOhOjsUcSSncHJ2Eax32aFaqDnBwQTwosO-T6Yc-6sBZLVXDjNGdmfdRkp4ifMLVR3GzrYR4sgCfsPGcMPIx3fx2_ZTdfZzUCPT3-ogVgnp9eAzuKN8-xe20znE/s1600/controls.png) no-repeat 0px 0px;<br />width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;<br />background-position:-51px -25px}#cboxPrevious.hover{<br />background-position:-51px 0px}#cboxNext{left:27px;<br />background-position:-75px -25px}#cboxNext.hover{<br />background-position:-75px 0px}#cboxClose{right:0;<br />background-position:-100px -25px}#cboxClose.hover<br />{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{<br />background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover<br />{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{<br />background-position:-150px -25px;right:27px}<br />.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}<br />#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb<br /> a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;<br />color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;<br />border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;<br />border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;<br />font-family:arial !important}<br /></style><br /><div style='display:none'><br /><div id='exestylepopups' style='padding:10px; background:#fff;'><br /><center><br /><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmshihanblogspotcom&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=238' style='border:2px; overflow:hidden; width:300px; height:258px;'/><br /></center><br /><p style=' float:right; margin-right:35px; font-size:10px;'><br /><a href='http://www.genuinecontent.blogspot.com.com' style=' font-size:9px; color:#3B78CD; text-decoration:none;'/></p><br /></div><br /></div><br />



4.Save the template

Click Here For Get More Blogger Tutorial

1.Replace  mshihanblogspotcom with your facebook fan page name.

2. If you don't want this pop up load for every refresh then you can replace the red highlighted False to true and set your desired days to load it on your blog by changing the above 15 to your desired days.

 I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to Facebook Like Box Pop Up Widget For Blogger then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

Browse More Articles

Tweet

Written by Unknown

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.