Cara membuat facebook fan page like melayang di blogspot

Cara membuat facebook fan page like melayang di blogspot - Sobat blogger, pernahkah terpikirkan oleh kita bagaimana cara mendapatkan banyak pengunjung .? pastinya dong, karena dengan punya banyak pengunjung tentunya akan meningkatkan traffik pada website atau blog yang kita bangun dan dengan begitu pula akan timbul income tersendiri nantinya yang akan kita dapatkan, seperti mengikuti program pay per click dan lainnya yang selama ini dilekuni oleh banyak pemilik blog.


Nah, salah satu cara yang populer dalam meraup banyak visitor ke blog kita dengan menggunakan social media yaitu facebook .! yup pastinya sobat tau betulkan facebook itu apa dan bagaimana sistem mencari traffik atau pengunjung dari facebook.! ya betul sekali, dengan mendaftarkan blog atau website kita ke facebook fan page, nah facebook fan page ini bisa kita buat secara gratis tapi untuk mempersingkat tulisan ini saya tidak terfokus pada itu, tetapi pada proses pembuatan facebook fan page itu melayang di layar, caranya :

1. Login akun blogger anda
2. Masuk ke Tata Letak lalu klik Tambah Gadget terus pilih HTML/JavaScript (perhatian: untuk lebih mudahnya sobat bisa gunakan gadget yang sudah yaitu di sidebar)
3. Setelah itu masukkan kode di bawah ini ke dalam kolom konten HTML/JavaScript.

<!-- 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 --!>

== Masukkan Kode IFRAME Facebook Fan Page anda disini ==

<!-- 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://v-datoe.blogspot.com/search/label/idm%20gratis%20full">DOWNLOAD IDM FULL GRATIS</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://v-datoe.blogspot.com/search/label/tutorial%20blog">TUTORIAL BLOGGING</a></p>
    </div>

Perhatian : Hapus tulisan berwarna MERAH lalu ganti dengan kode facebook fan page anda .

4. Klik Simpan
5. Selesai

Nah, pada tahap ini facebook fan page anda sudah bisa terlihat di layar website atau blog anda, kalau tidak muncul pada main page coba kunjungi salah satu halaman postingan anda.

Terus bagi anda yang kurang paham bagaimana sih cara mendapatkan kode IFRAME facebook fan page kita .? caranya cukup mudah disini saya akan jelaskan tapi dengan catatan pastikan anda telah membuat facebook fan page sebelumnya, jadi supaya tidak bungung..!!

Langkah untuk mendapatkan kode iframe facebook fan page blog kita.

1. Kunjungi https://developers.facebook.com/docs/reference/plugins/like-box/ atau klik Facebook Like Box
2. Lalu masukkan identitas tampak seperti dibawah ini : (klik gambar untuk memperbesar)

3. Setelah anda mengklik Get Code, lakukan cara yang sama seperti dibawah ini :

Perhatian : tahap 2 anda ambil code seperti perintah gambar diatas, lalu ganti tulisan merah yang terdapat pada tutorial paling atas yaitu
== Masukkan Kode IFRAME Facebook Fan Page anda disini ==

Oke, setelah itu, gadget anda simpan, selesai sudah tutorial ini, dan untuk membuktikannya tinggal sobat coba saja pada blog atau website sobat lalu lihat hasilnya, oke sampai disini dulu pertemuan kita semoga tutorial singkat ini bermanfaat bagi kita kaum blogger newbie ..!!

1 Response to "Cara membuat facebook fan page like melayang di blogspot"