Cara Memasang Widget Fans Page Facebook di blog

Cara Memasang Widget Fans Page Facebook di blog  - memang sangat sudah pasaran turtorialnya, tetapi kali ini saya mempunyai tutorial yang sangat gampan, mudah dan cepat.

Berikut langkah-langkah untuk memasang Fans Page Facebook di blog

Lankah Ke I :
  1. login ke akun blogger anda
  2. Pilih menu Template
  3. Klik Pada Tombol Edit HTML
  4. Klik Tombol Proses Atau Lanjutkan
  5. Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit.
  6. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
  7. Copy kode dibawah dan letakan datas kode </head>
  8. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  9. Sekarang Klik Simpan

Langkah Ke II :
  1. Pilih Menu Tata Letak Atau Layout

  2. Klik Tambah Gadget atau Add a Gadget

  3. Pilih HTML/JavaScript

  4. Copy kode berikut
  5. <script type="text/javascript">
    //<!--
    $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
    //-->
    </script>
    <style type="text/css">
    .w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
    .w2bslikebox div{border:none;position:relative;display:block;}
    .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
    .w2bslikebox span a{color: #808080;text-decoration:none;}
    .w2bslikebox span a:hover{text-decoration:underline;}
    </style><div class="w2bslikebox" style=""><div>

    <iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://seo-xp.blogspot.com/2012/09/cara-memasang-widget-fans-page-facebook.html">Tutorial Here</a></span></div></div>
    Keterangan :
    Perhatikan Tulisan URL PAGE ANDA ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)
  6. Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
  7. Klik simpan
  8. Selesai dan lihat hasilnya

2 komentar:

  1. bisa dicoba neh ,, mudah2an langsung jadi thanks ya

    BalasHapus
  2. mantab neh... ini yang w cari cari selama ini...
    w pengennya widget facebooknya ada di pojok kanan, kaya buku tamu gitu, tapi w cari cari ga nemu nemu di google,,.. eh beruntung w kesasar nyampe sini.
    makasih ya ka, jangan lupa kunjungannya

    BalasHapus

Berkomentarlah yang sopan, terkait dengan konten, tidak promosi dan tidak SPAMING.!!
Komentar yang tidak tidak mengindahkan aturan di atas, mohon maaf akan saya hapus.