Cara membuat FB melayang tombol close

Cara membuat FB melayang tombol close

Cara membuat FB melayang tombol close


Cara membuat FB melayang tombol close


1. Login terlebih dulu ke akun blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih Opsi HTML/Java Script
5. Copy dan Paste kode HTML di
bawah ini

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
      position:fixed !important;
      position:absolute; /* IE6 */
      bottom:-1000px;
      right:40%;
      margin:0px 0px 0px -182px;
      width:200px;
      height:auto;
      padding:20px;
       -webkit-box-shadow: 0px 0px 7px #222;
      -moz-box-shadow: 0px 0px 7px #222;
      box-shadow: 0px 0px 7px #222;  background-color:#00FFFF; font:normal 1em Cambria,Georgia,Serif;
      color:#0000FF;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;}
    #kotak-facebook a.close {
      position:absolute;
      top:-10px;
      right:-10px;
      background:#333;
      font:bold 16px Arial,Sans-Serif;
      text-decoration:none;
      line-height:22px;
      width:22px;
      text-align:center;
      color:#fff;
      border:2px solid #fff;
      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      box-shadow:0px 1px 2px rgba(0,0,0,0.4);
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
      border-radius:10px;
      cursor:pointer;
    }
</style>
    <script type='text/javascript'>
    $(window).bind("load", function() {
         // animasikan nilai top saat halaman telah selesai dimuat
         $('#kotak-facebook').animate({bottom:"50px"}, 1000);
        // hilangkan kotak pesan saat tombol (x) di klik
         $('a.close').click(function() {
             $(this).parent().fadeOut();
         return false;
         });
    });
    </script>
    <div id='kotak-facebook'>
<p style=" margin-right:10px;  font-size:15px; color:#4B0082;">don't forget,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSeseorang-yang-biasa-saja%2F412625915526080&amp;send=false&amp;layout=box_count&amp;width=300&amp;show_faces=true&amp;font=lucida+grande&amp;colorscheme=light&amp;action=like&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:200px;" allowtransparency="true"></iframe>
<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#4B0082; text-decoration:none;" href="http%3A%2F%2Fwww.facebook.com%2Fpages%2FSeseorang-yang-biasa-saja%2F412625915526080">Dedisyahputra</a><a style=" font-size:10px; color:#4B0082; text-decoration:none;" href="http://relationshipwithme.blogspot.com//2013/11/cara-memasang-widget-like-box-facebook.html"></a></p>
    </div>



  1. Silahkan di atur background-color: :#32CD32 sesuai background menu yang anda inginkan
  2. Untuk tulisan yang berwarna merah, silahkan di ganti dengan HTML Fans Page Facebook anda.
  3. http%3A%2F%2Fwww.facebook.com%2Fpages%2FSeseorang-yang-biasa-saja%2F412625915526080, ganti dengan alamat fanspage facebook anda
  4. Bagi yang belum tau tentang cara membuat Fans Page silahkan baca dulu tentang cara membuat fans page facebook di sini http://www.facebook.com/pages/create.php
  5. save dan lihat hasilnya
Buka Komentar