Cara Membuat Like Box (FansPage) Facebook Melayang di blog

Cara Membuat Like Box (FansPage) Facebook Melayang di blog - Para sobat blogger pastinya sudah tidak asing lagi bukan sama yang namanya facebook? Oke bener banget facebook merupakan salah satu sosial media yang sangat digemari oleh semua kalangan masyarakat saat ini. Kemudian apa kaitannya dengan blog kita? Sebagai pengguna blog pastilah kita menginginkan jumlah pengunjung yang banyak dan meningkatkan PageRank kita. Salah satu cara instan yang dapat kita lakukan adalah melakukan promosi pada account facebook kita, yaitu dengan melakukan update status dan membuat Like Box (FanPage) blog kita.

Membuat Like Box (FanPage) facebook merupakan cara jitu promosi blog dari sosial media. Cara ini terbukti dapat meraup banyak pengunjung suatu blog dalam waktu singkat. Kemudian Bagaimana penempatan Like Box (FanPage) yang tepat? Kebanyakan sobat blogger pastinya pusing dengan penempatan widget dan gadget anda, apalagi Like Box (FanPage) Facebook ini memerlukan space yang besar. Sebagai solusinya kita bisa membuat Like Box (FanPage) Facebook ini melayang pada Blog kita.

Cara Membuat Like Box (FanPage) Melayang pada Blog

1. Silahkan Login terlebih dahulu pada Akun Blog anda
2. Pilih menu Tata Letak pada Blog, kemudian klik Tambah Gadget dan pilih HTML/Javascript
3. Masukkan 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;">Join disini dulu ya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/makanilmu" data-width="250" data-height="400" 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://rahmatlutfi.blogspot.com/search/label/SEO">Berbagi Ilmu SEO</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" http://rahmatlutfi.blogspot.com/search/label/blogging">TUTORIAL BLOGGING</a></p>
    </div>

4. Ganti tulisan berwarna merah dengan kode FanPage Facebook Anda
5. Ketika semuanya telah selesai, pilih Simpan



Selamat menikmati tampilan melayang FanPage. Semoga artikel Cara Membuat Like Box (FansPage) Facebook Melayang di blog dapat bermanfaat bagi para sobat blogger sekalian.