Membuat Like Fanspage Facebook Melayang Di Blog

Jika kalian mempunyai fanspage, dan hanya memiliki sedikit yang melike fanspage kalian, lebih baik kalian mempromosikan fanspage kalian di blog. Nah yang akan saya posting kali ini yaitu salah satu cara untuk mempromosikan fanspage kita di blog. Membuat Like Fanspage Facebook Melayang Di Blog maksudnya adalah jika kita menggulir blog kita kebawah maka Like Fanspage Facebook juga ikut menggulir kebawah. atau kalian juga bisa melihatnya di blog ini. Nah lalu bagaimana cara Membuat Like Fanspage Facebook Melayang Di Blog?

Caranya yaitu :

1. Login ke akun blogger kalian
2. Masuk ke menu Tata Letak
3. Klik tambah gadget => HTML/Javascript. Lalu masukan kode dibawah :

<!-- 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;">Please Bantu Saya,<blink> Like This !!!</blink> </p>

<!-- Mulai --!>




<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ftipstrickadp&amp;width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" 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:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html">Get This Widget</a></p>

    </div>

4. Ganti tulisan yang berwarna merah dengan script fanspage kalian.
5. Selesai

Mungkin segitu saja untuk postingan kali ini. Semoga bermanfaat.