How To Add In Blogger?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Websites?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Websites?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1)
{
var fifteenDays = 1000*60*60*24*1;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#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}#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/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikVLbc7qkT3kGDpAVU46AAG_6-RxmUWyMfGNYcEl2ZE6Y8GsriAXH6a660eir6EA10qlInMKoTyDGJsO2yWR-C3B0Kjn3f2EdDfoGGxd6xOA9jJo92Sxoj-V8st1LXQlmOLDij-NxYlWU/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikVLbc7qkT3kGDpAVU46AAG_6-RxmUWyMfGNYcEl2ZE6Y8GsriAXH6a660eir6EA10qlInMKoTyDGJsO2yWR-C3B0Kjn3f2EdDfoGGxd6xOA9jJo92Sxoj-V8st1LXQlmOLDij-NxYlWU/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/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/AVvXsEibNCX_jjfmpv7f0OLhbQwliOXMydmfVFZ9K7yvia89pCGtLk_MJfrOqk9HHXPhouMf_kq6kI2S0j3sOiGVk3WQyuTbNM4rUP2woDxa-fSSLLAvhvd8mgX00KD7adwijF00sns5NTzl_CQ/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivt5ZCFb6tmvrUgwqgRoEykbHyA5doh0TGx81HbNRhTVViB4tPB7RU_hDXilyRK_LIvEsK4azDyPL8L_EZBmUUcVaJR4aMRwuofAUwDz965aSY7vb6_Y0x8fgaGovCrHPxMTBrR0ZXyvY/s400/loading.gif) no-repeat center center}#cboxTitle{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,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/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}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title"> Like Us On Facebook </h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fletsfunguyz&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:35px; font-size:9px;" > Get This Like Pop Up Box <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.facebook-stuff.blogspot.com">Facebook Stuff Blog</a></p>
</div></div>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=false') == -1)
{
var fifteenDays = 1000*60*60*24*1;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#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}#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/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikVLbc7qkT3kGDpAVU46AAG_6-RxmUWyMfGNYcEl2ZE6Y8GsriAXH6a660eir6EA10qlInMKoTyDGJsO2yWR-C3B0Kjn3f2EdDfoGGxd6xOA9jJo92Sxoj-V8st1LXQlmOLDij-NxYlWU/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikVLbc7qkT3kGDpAVU46AAG_6-RxmUWyMfGNYcEl2ZE6Y8GsriAXH6a660eir6EA10qlInMKoTyDGJsO2yWR-C3B0Kjn3f2EdDfoGGxd6xOA9jJo92Sxoj-V8st1LXQlmOLDij-NxYlWU/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/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/AVvXsEibNCX_jjfmpv7f0OLhbQwliOXMydmfVFZ9K7yvia89pCGtLk_MJfrOqk9HHXPhouMf_kq6kI2S0j3sOiGVk3WQyuTbNM4rUP2woDxa-fSSLLAvhvd8mgX00KD7adwijF00sns5NTzl_CQ/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivt5ZCFb6tmvrUgwqgRoEykbHyA5doh0TGx81HbNRhTVViB4tPB7RU_hDXilyRK_LIvEsK4azDyPL8L_EZBmUUcVaJR4aMRwuofAUwDz965aSY7vb6_Y0x8fgaGovCrHPxMTBrR0ZXyvY/s400/loading.gif) no-repeat center center}#cboxTitle{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,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUyisx1UgqR8-MaIKYi9WVyTtRZvZAMmAnoF-UOVt8J1Am9lIN_040G8IOSTQWk7qtr7UHH0RBIEJRlcHJ4cYJIA9KFfsYlV4imlIAZnK8xtpPpWUyZa4Muzfnmghyphenhyphen_R-kcRSPF-eyJQ/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}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title"> Like Us On Facebook </h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fletsfunguyz&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:35px; font-size:9px;" > Get This Like Pop Up Box <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.facebook-stuff.blogspot.com">Facebook Stuff Blog</a></p>
</div></div>
Note : You Should The Red Line (letsfunguyz) With You Page User Name
and also if you want that this code just pop up in the first change false to true
No comments:
Post a Comment