Senin, 05 November 2012

Cara memasang fans page facebook gadget di blog

Buat yang sudah punya blog bearti harus membuat fans page di facebook untuk menambah jumlah visitor blognya. Fans page facebook tersebut pun berguna untuk mempercantik tampilan suatu blog. Karna dengan fans page facebook yang anda miliki anda dapat menambahkan fans page facebook gadget ke blog anda yang akan membuat tampilan blog anda lebih menarik. Kalau belum mempunyai fans page facebook anda bisa melihat cara membuat fans page atau halaman di facebook di halaman lain blog saya. Tidak usah terlalu lama langsung saja kita ke cara memasang fans page facebook gadget di blog.

Langkah pertama:

  • Yang pasti harus login ke blog anda
  • Pada dasbor blog pilih template

  • Lalu klik edit HTML > lanjutkan

  • Cari kode </head> ( supaya mudah mencari gunakan tombol Ctrl+F )
  • Sekarang copy paste kode dibawah ini, paste dibagian atas kode </head>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Kemudian klik Simpan template


Langkah kedua:
  • Kembali ke dasbor dan pilih Tata letak

  • Lalu pilih tambah gadget > HTML/Javasript

  • Copy paste kode ini

    <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=
    URLfanspagefacebookanda&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://ferlykichigai.blogspot.com/2012/11/cara-memasang-fans-page-facebook-gadget.html">Tutorial Here</a></span></div></div>
  • Ganti URLfanspagefacebookanda dengan URL fans page milik anda
    contohnya seperti ini:
    http://www.facebook.com/FerlyKichigaiBlog
  • Terakhir klik Simpan setelan
Sekarang tinggal lihat tampilan blog anda, pasti lebih menarik berkat anda memasang fans page facebook gadget pada blog yang anda miliki.

Tidak ada komentar:

Posting Komentar

maaf kalo postinganku kurang lengkap.
dan terima kasih atas kunjungannya.
tinggalkan kritik dan saran
untuk membuat saya menjadi lebih baik.
terimakasih.
Dan bagikan pada teman jika postinganku bermanfaat.
terimakasih...

>