blogging wedgets

how to ad this facebook popup to you blog/website
1-go to blogger deshboard
2-go to tamplate
3-go to edit HTML
4-paste this code

<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%; height: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:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixejqSdIgyH96AB1CPJn0FD8PaGxUB3TRYAssZk0RPvr-kF_mMLFJ12M0_ciOax_V2UNKGb6QBsr9A_EfIcGMizfdAJDK0V5IsqDoWMb3lh6TIXgA1iEfbYqSqlfVG-eqUmmJy0umypbzc/s1600/overlay.png) repeat 0 0;}#colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdruDwkPw3bEYGEcP4FleM9TZ5AA-1c4yA8a08-peUqIN2Fa08SfWcu2Db-HITPUfc2aC9wjxBxFJ7DY41jms67_N399_AVdbjkpRkgNFocA9YF4qSm_JENEs9nDZlKvx_9v8dU4vRu9j/s1600/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdruDwkPw3bEYGEcP4FleM9TZ5AA-1c4yA8a08-peUqIN2Fa08SfWcu2Db-HITPUfc2aC9wjxBxFJ7DY41jms67_N399_AVdbjkpRkgNFocA9YF4qSm_JENEs9nDZlKvx_9v8dU4vRu9j/s1600/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVA-qn46prtFf9Xl-b4sEjhn0c62AxSS-Jw7G4XkSKXL8HnDna-AwbaxB3K1dSQPBJsVBViZzV7-5i2jGjj-U2mmU0Ws5Ex_oKaL51M4Mm_tVHXC76p7TZciXceOBazI1YBuHfxctXhDj/h120/loading.gif) no-repeat center center;} #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVA-qn46prtFf9Xl-b4sEjhn0c62AxSS-Jw7G4XkSKXL8HnDna-AwbaxB3K1dSQPBJsVBViZzV7-5i2jGjj-U2mmU0Ws5Ex_oKaL51M4Mm_tVHXC76p7TZciXceOBazI1YBuHfxctXhDj/h120/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeDbVmbJa96T-unjqD-Q1gqcNDqSDxFe_hFpPkIyAkRc1wc37zBS53xAlmXNzRSTkOzlDnm1kTRYTlU7ah0stLdf4pJvT2N1ExX_m84YkpSG8wYRCJjzRIu9tODl3RuUWtrZi3UTuBHVI/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/*/.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.*/.cboxIE6 #cboxTopLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPGcynjH563cF32PLYLcvJLV8_DH1a6N-0VRpwQqNlCzU8Ll-wJHLI-rpeJkSzCW12n5SI7W0b7vl8FTVboRJHQDAVXSFNvFMIAkyAvaSDJ69KnRnVzY2kg8ltOT8G7AgBXGbYc_DN0ZY/s1600/borderTopLeft.png);}.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWqJpPqPHC_RpMBLTxs808lVCPw11wqHl9EeCXVRr-UUiVcGa7wV9vJ1ZWoq8YA7tATMAFQ0ZzQMXeWDwvVxRj5TYDQqigquDX0nFnTzxe20mg3tZSlyd0LG5eH_5HJrQsM0Ebe9YQHlV/s1600/borderTopCenter.png);}.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRaeg2DlxzeoR_Hc0B4hnpbCrUJYdDkl8lmRvHib3JxRffwLrZSWrnKcjwotG20N9b-xxL4Rp4XQ9aY-iO84xt5-RJXvB1xyGQSKwB5d3w0usjvPuUuAXNmW6z2I1Cw9Oz7Dk0tE14sm5/s1600/borderTopRight.png);}.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRaeg2DlxzeoR_Hc0B4hnpbCrUJYdDkl8lmRvHib3JxRffwLrZSWrnKcjwotG20N9b-xxL4Rp4XQ9aY-iO84xt5-RJXvB1xyGQSKwB5d3w0usjvPuUuAXNmW6z2I1Cw9Oz7Dk0tE14sm5/s1600/borderTopRight.png);}.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivw7q0ap0zgUy8b1WCFun2py90Pc_RFQ-1C-XyDhyphenhyphen3JvBXHNgmlXJQ6GkGqHzDpTuwuEGrFORe9BFU_jJzL5FlzP3hvSa21h06M53FGPQzpvaG8kQpjmmmXsT16tCalMaWP2vPkhUmVz8X/s1600/borderBottomCenter.png);}.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCYsp7rG3CcJuYcXR_VV-jlLbvVdbLlVZLkXq8cGoud1eIRgAcYYC-_3At-gPPWNb2EcepSE6h0ZNUAdy4xgbF1ClXOkq53BIOegY816qjkxGVwv7_UGsse-Jbi-WWHqQGBi5ZsgW3i9F/s1600/borderBottomRight.png);}.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcPdJbVeL3ekOIN4Y2ycy0XqPK47tyvvmdGq0FbWeSmmKNp0Al1Dh335Y1vvPkSowBc71YPT5bluhxwfEggb3RRajZH3TFJePA6F7mszcx-v5JHZbE_p4OxCUDmR9CDeC3JpIX7fPKY_9/s1600/borderMiddleLeft.png);}.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS7QuSLxp83fkWy1yac0OjHMeSx1zWpqJEjewRsY9613CaKA0MD0lq720WIGkTxXPOA-tDovGxqqG4ZRvaJWggraxMxf10mLSQKlC35EVjFkUNA_m7_eg8Q75o8HQrvsnUNPQSek90PUoL/s1600/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");} /*-----------------------------------------------------------------------------------*//* Facebook Likebox popup For Blogger By wedgetsforbloggers.blogspot.com/*-----------------------------------------------------------------------------------*/#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.7.1/jquery.min.js'></script><script src="http://wedgetsforbloggers.blogspot.in/jquery.colorbox.js"></script><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf('visited=true') == -1) {var fifteenDays = 1000*60*60*24*7; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script>  <div style='display:none'> <div id='subscribe' style='padding:10px; background:#fff;'> <center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHd2gpmsIIWt0gSe2ECQrC5awLd_MPUAJQIExKfZEgHfythkeNjKrxvdL_57_0pUCOTVDEGk6-NMWcE_AbkJb9p8ZDEkzauN9JxKlcHnvebMCREDiM0Tj-yEx_kO_42j80m8mizlI-Al7c/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fvar expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"400px", inline:true, href:"#subscribe"});}});</script> <div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHd2gpmsIIWt0gSe2ECQrC5awLd_MPUAJQIExKfZEgHfythkeNjKrxvdL_57_0pUCOTVDEGk6-NMWcE_AbkJb9p8ZDEkzauN9JxKlcHnvebMCREDiM0Tj-yEx_kO_42j80m8mizlI-Al7c/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center><center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbtsnts&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><p style=" float:right; margin-right:45px; font-size:4px;" ><a style=" font-size:8px; color:#3B78CD; text-decoration:none;" href="http://goo.gl/9fXrd">Grab This Gadget »</a> </p></div> </div></div>

replace your facebook fane page with red colour
if you want show your popup daily change 1 from 7 highlighted in yellow colour

blogging wedgets

Pages

Sunday, March 17, 2013

facebook popup like button