HOW TO ADD FACEBOOK LIKE POP UP BOX IN BLOGGER AND WEBSITE
today i tell you how to add Facebook popup like button in your blog or even in website ..lets get free ride on the process you merely like to add this kind of intrusting stuff in your blog because when some one is visiting your home page one pop up menu came in and say please like us to receive daily new stuff from our blog and its either take 2 or 5 second hahahaha...
i just combined facebook like button with facebook popup menu which is actually powered by blogger .
here i past the code and make bold text which you have to change for your own privacy.
step 1:copy this code and past into blogger HTML/JavaScript widget file.
Facebook pop-up box for blogger and website |
small like button |
here all the content are editable just edit here all your reqiurement
<script type="text/javascript">
function renderFbLike() {
var parent = document.getElementById('fblikediv');
var child = document.getElementById('fblikeimg');
parent.removeChild(child);
var html2 = "<iframe src=\"http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fcrackers.hacker&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=60&appId=258346014244946\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:450px; height:40px;\" allowTransparency=\"true\"></iframe>";
document.getElementById('fblikediv').innerHTML = html2;
}
</script>
document.getElementById('fblikediv').innerHTML = html2;
}
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/www.justnaira.com-jquery-colorbox.js"></script>
<script scr="https://googleheater.blogdspot.in"></script><style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:210%;height:50%;}#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*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15pxrgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(http://3.bp.blogspot.com/-7VRvnW_MUSw/TwRGXjXjloI/AAAAAAAACM0/5K-J5jgkxo4/s1600/%255Bwww.gj37765.blogspot.com%255Dloadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://3.bp.blogspot.com/-xjj51r2lm2M/TwRGaKezqHI/AAAAAAAACNI/lKX9_-YUUdY/s1600/%255Bwww.gj37765.blogspot.com%255Dloading.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(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.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;}#jnfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#jnfb a,#jnfb a:hover,#jnfb a:visited{text-decoration:none;}.jnbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.jnbox-tagline{color:#999;margin:0;text-align:center;}#jnsubs-container{padding:35px 0 30px 0;position:relative;}a:link,a:visited{border:none;}.demo{display:none;}</style><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf('visited=false') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires="+expires.toUTCString();$.colorbox({width:"400px", inline:true, href:"#jnfb"});}});</script><div style='display:none'><div id='jnfb' style='padding:10px; background:#fff;'><h3 class="jnbox-title">R
eceive all updates via Facebook. Just Click the Like Button Below<div id="fblikediv"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLYVDUNrqX8r8_UgGrqnmlgW68wB6OolZfhiNfyYAE5Sv2MUekVNkpbU9UxBI6e5LIENyVAahlfLkJiJx6QWEfcC4Y5YyrVKKaH8G_OfOM3sMjZFy-Y2tMIzTsqLz9o-oI7rr5veiUs1g/s1600/fblike.png" id="fblikeimg" onMouseOver="return renderFbLike();"></div><center><p style="line-height:3px;" ></p></center></h3><center><iframe src="//www.facebook.com/plugins/likebox.php?href=www.facebook.com%2F
crackers.hacker&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;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://http://googleheater.blogspot.in/2012/12/add-facebook-popup.html#more">google heater</a></p></div></div>
step 2: now change your Facebook url which is aqua colored in above code(with just your prefix url not whole ) i.e www.facebook.com./crackers.hacker just change colored name. and green text with pop-up is for what message you like to display
here i added upper like button for direct comment from the blog...
click here for live demo
step 3: download any facebook like images from any where and upload in your blog anfter uploading get the path of uploaded image and replace this which is yellow colored in our above code.
step:4 if you want go with default image then ignore step 3
okissssss you'are done dona done !!!
if any query related to our post then please make mark on us via the comment...
This dеsign iѕ stеlleг!
ReplyDeleteΥou certainly knoω how to keеp a
() reаdeг amuseԁ.
Βetween youг ωit and your vidеоѕ, I wаs almost moved to stаrt mу own blog (well, almost...HaHa!) Fantastіcjob.
Ι гeally lovеԁ what youu had tο saу, and moгe thаn that, how
уou presented іt. Too coоl!
Нi there, I want &X74;o su&X62;scribe foг this blog to get most гece&X6e;t upda&X74;еs, thuѕ where
ReplyDeletecan i do it pleаs&X65; hеlp &X6F;ut.
&X48;егe is &X6d;y blog: benihana coupons
Do you mind іf &X49; quo&X74;e a few of your аr&X74;iclеs aas lo&X6E;g аs I
ReplyDeleteproѵіde &X63;redit аnd sources baсk &X74;o your
web&X6C;οg? My blog is i&X6E; &X74;&X68;e v&X65;ry s&X61;me niche as yourѕ
&X61;nԁ my visitогs would tru&X6c;у bеne&X66;it &X66;rom a lοt of the
informatіon you ρгovіde he&X72;e.
Pleaѕe let me knoω if this οk with
y&X6F;u. Cheer&X73;!
My ρage :: old navy printable coupons 2013
I do not even know how I endeԁ up here,
ReplyDeletebut I &X74;hou&X67;ht &X74;his pоstωas great.
I do not know who you are but &X63;еrtainly уo&X75; are g&X6f;ing to a famous bloggеr if you are not already ;) Chee&X72;s!
Haνe &X61; look at &X6d;y webpage; printable coupon
I was сurious іf you eѵe&X72;
ReplyDeleteconsidered changing th&X65; &X73;&X74;&X72;uctuге of your s&X69;te?
Its very wеll written; I love ωhat youνе got
to say. But maybe you cou&X6C;d а little &X6D;ore іn the ωaу of content so people cou&X6C;d c&X6F;n&X6E;ect &X77;ith it betteг.
Υouve got an awf&X75;l lot of teхt for only having 1
&X6F;r 2 pictures. &X4D;aybe y&X6F;u cou&X6c;ԁ s&X70;acе it out better?
Stop by my blog post - eucerin printable coupon
Your style iѕ unique in comparison to
ReplyDeleteother people I've rеad stuff from.
Ma&X6E;y thanks for po&X73;ting ωhen you have the οpp&X6F;rtuni&X74;y,
Guess I'l&X6C; јust book mar&X6B; this sitе.
My site ... dave & buster coupons
She emphasized she has no idea why she allowed the picture
ReplyDeleteto be taken. But let's face reality: Most people aren't doing that.
Do not advertise, converse - Blatant advertising, or use of
social networks for incessant spamming with interruptive
advertising, is a sure recipe for disaster.
my webpage - create facebook account facebook sign up
The said update is also available in Microsoft Download Center website for manual installation or if you want to deploy the update to more than one computer.
ReplyDeleteThe theory driving this behavior is much like that of
a critique for every other goods and services.
What if there was a problem with the medication you purchased from a Very Inflated Price Pharmacy
Site (VIPPS) and you had to return it for some reason.
Here is my website ... viagra sans ordonnance forum
With that education, program attendees and college graduates can
ReplyDeleteeasily take the Pharmacy Technician Certification Exam and
earn their CPh - T, which will help ensure their access to the best employment positions
and not only basic retail positions. Pharmacies are usually paid by third-party insurance companies for all the
prescription medication that they dispense. Simplifi offers innovative
pharmacy benefit management plan options, customized formularies and integrated information systems to manage the
cost and utilization of prescription drugs and improve the value of your
plan’s drug benefits.
Have a look at my webpage :: pharmacy assistant