Wednesday, December 12, 2012

HOW TO ADD FACEBOOK LIKE POP UP BOX IN BLOGGER AND WEBSITE

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.  


like button with facebook bloggger
Facebook pop-up box for blogger and website
like button for facebook
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>
         
          

<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&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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...

9 comments:

  1. Anonymous12:48 PM

    This dеsign iѕ stеlleг!

    Υ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!

    ReplyDelete
  2. Anonymous1:29 PM

    Нi there, I want &X74;o su&X62;scribe foг this blog to get most гece&X6e;t upda&X74;еs, thuѕ where
    can i do it pleаs&X65; hеlp &X6F;ut.


    &X48;егe is &X6d;y blog: benihana coupons

    ReplyDelete
  3. Anonymous2:39 AM

    Do you mind іf &X49; quo&X74;e a few of your аr&X74;iclеs aas lo&X6E;g аs I
    proѵі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

    ReplyDelete
  4. Anonymous9:05 AM

    I do not even know how I endeԁ up here,
    but 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

    ReplyDelete
  5. Anonymous2:51 PM

    I was сurious іf you eѵe&X72;
    considered 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

    ReplyDelete
  6. Anonymous3:58 PM

    Your style iѕ unique in comparison to
    other 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

    ReplyDelete
  7. Anonymous5:49 AM

    She emphasized she has no idea why she allowed the picture
    to 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

    ReplyDelete
  8. Anonymous9:23 PM

    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.
    The 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

    ReplyDelete
  9. Anonymous3:15 AM

    With that education, program attendees and college graduates can
    easily 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

    ReplyDelete