rizkypujian

Like Box Facebook

Jan 12th, 2016
111
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type='text/css'>
  2. /* Message Box */
  3. #box-message {
  4. position:fixed !important;
  5. position:absolute;
  6. top:-1000px;
  7. left:50%;
  8. margin:0px 0px 0px -182px;
  9. width:300px;
  10. height:auto;
  11. padding:16px;
  12. background:#fff;
  13. font:normal Dosis, Georgia, Serif;
  14. color:#111;
  15. border:2px solid #333;
  16. -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  17. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  18. box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  19. -webkit-border-radius:10px;
  20. -moz-border-radius:10px;
  21. border-radius:10px;
  22. }
  23. #box-message a.close {
  24. position:absolute;
  25. top:-10px;
  26. right:-10px;
  27. background:#fff;
  28. font:bold 16px Arial, Sans-Serif;
  29. text-decoration:none;
  30. line-height:22px;
  31. width:22px;
  32. text-align:center;
  33. color:#111;
  34. border:2px solid #333;
  35. -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  36. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  37. box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  38. -webkit-border-radius:22px;
  39. -moz-border-radius:22px;
  40. border-radius:22px;
  41. cursor:pointer;
  42. }
  43. #twitterx {
  44. background: #EEF9FD;
  45. padding: 10px;
  46. text-align:center;
  47. border: 1px solid #C7DBE2;
  48. border-top: 0;
  49. }
  50. </style>
  51. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script type='text/javascript'>
  53. $(window).bind("load", function() {
  54. // Animate Top Value When Page Loaded Completed
  55. $('#box-message').animate({top:"50px"}, 1000);
  56. // Remove Mailbox When Close Button On Click
  57. $('a.close').click(function() {
  58. $(this).parent().fadeOut();
  59. return false;
  60. });
  61. });
  62. </script>
  63. <div id='box-message'>
  64. <!-- HTML Start -->
  65. <center>
  66. <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
  67. </center>
  68. <!-- HTML End -->
  69. <a class='close' href='#'>&times;</a>
  70. </div>
RAW Paste Data