Advertisement
RexHacker

How to Add Cool Jquery Popup Facebook Like Box To Blogger

Mar 13th, 2014
276
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.84 KB | None | 0 0
  1. <style>#simplemodal-overlay{background-color:#aaaaaa;cursor:wait;}/* Container */#simplemodal-container{height:360px;width:360px;background-color:#fff;border:5px solid #000000;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;moz-box-shadow: 0 0 5px 5px #222;
  2. -webkit-box-shadow: 0 0 5px 5px #222;
  3. box-shadow: 0 0 5px 5px #222;}
  4. #simplemodal-container a.modalCloseImg{background:url('http://2.bp.blogspot.com/-rqTfjVmZa7E/T9YCXvRJHZI/AAAAAAAAA3k/Zf8CoGVPPwY/s1600/Close-2-icon.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
  5. #simplemodal-container a.modalCloseImg:hover{background:url('http://3.bp.blogspot.com/-c7xZLjOGXfA/T9YCW2k4SeI/AAAAAAAAA3c/m7QCfq0mbUQ/s1600/Close-2-icon+copy.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;}
  6. #simplemodal-container #basicModalContent{padding:8px;}#btfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btfb a,#btfb a:hover,#btfb a:visited{text-decoration:none;}
  7. .btbox-title{background:#16b7f4;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:2px solid #ddd;border: 1px solid
  8. #939191;/*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:15px;font-family:arial !important;}
  9. .btbox-tagline{color:#999;margin:0;text-align:center;}#btsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style>
  10. <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery2.js"></script>
  11. <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery.btrix.js"></script>
  12. <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/bloggertrix1.js"></script><div style='display:none'>
  13. <div id="fb-root"></div>
  14. <script>(function(d, s, id) {
  15. var js, fjs = d.getElementsByTagName(s)[0];
  16. if (d.getElementById(id)) return;
  17. js = d.createElement(s); js.id = id;
  18. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  19. fjs.parentNode.insertBefore(js, fjs);
  20. }(document, 'script', 'facebook-jssdk'));</script>
  21. <div id='exit_content' style='padding:10px;'> <h3 class="btbox-title">
  22. <center>Like Us On Facebook</center>
  23. <p style="line-height:3px;margin-top:-10px;" ></p></h3>
  24. <center><div class="fb-like-box"
  25. data-href="https://www.facebook.com/RexHacker"
  26. data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:5px; color:#3B78CD; text-decoration:none;" href="http://rexhacker.blogspot.com">Blogger widget</a> | </p></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement