Cara Membuat Tombol Like Facebook Melayang Di Blog

Cara Membuat Tombol Like Facebook Melayang Di Blog..!

Cara Nya sangat Mudah.
1. Masuk Ke Akun Blog
2. Klik Tata Letak-Tambahkan Gadget-Pilih Yang HTML/JavaScript
3. Pastekan Kode Dibawah 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:310px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 7px #222;

      -moz-box-shadow: 0px 0px 7px #222;

      box-shadow: 0px 0px 7px #222;  background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;

      color:#111;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomright: 20px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;}

    #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:#000000;">Minta Like Nya donk. ^_^, </p>

<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/Makho123?ref=hl" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

<!-- 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:#3B78CD; text-decoration:none;" href="http://makho-manda.blogspot.com/">Forum Internet Berbagi Info </a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" http://makho-manda.blogspot.com">Forum Internet Berbagi Info</a></p>

    </div>

4. SAVE

Keterangan :

Tulisan Yang Berwarna Merah ganti dengan  alamat Halaman Fanspage Sobat