Cara Memasang FansPage Di Blog

Kali Ini Admin Akan Share Cara Memasang Fans Page Di Blog 

Cara Membuat Like Fanpage Facebook Melayang Keren - Pada postingan kali ini saya akan membahas mengenai Tutorial Blogger yaitu Cara Membuat Like Fanpage Facebook Melayang Keren. Bagi anda yang mau memasang Widget Like Fanpage Facebook Melayang Keren, seperti yang ada pada blog ini, silahkan simak tutorialnya berikut ini.

Berikut Cara Membuat Like Fanpage Facebook Melayang Keren :

1. Pertama - tama yang harus anda lakukan adalah login ke account blogger melalui www.blogger.com

2. Kemudian masuk ke Dashboard lalu pergi ke Layout/Tata letak

3. Klik Add a Gadget => HTML/JavaScript.

4. Copy kode dibawah ini didalamnya 

<!-- FB melayang tombol close --!>
<style type='text/css'>  
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:10%;

      margin:0px 0px 0px -182px;

      width:300px;

      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:#C2CFDF; 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'>

  Klik Like !
<br/>
<!-- Mulai --!>
Letakkan kode Like box fanpage facebook anda disini
<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>

    </div>

Keterangan : Ganti kode yang berwarna merah dengan kode Like fanpage anda. Untuk membuat Like Box

5. Langkah terakhir tinggal di Save/Simpan


Semoga Bermanfaat

Bila Ingin Share Artikel Ini Harap Sertakan Sumber

Sumber:FauzanRoyal.Blogspot.com