Monday, November 19, 2012

Cara Memasang Widget Fans Page Facebook di blog

Cara Memasang Widget Fans Page Facebook di blog
Assalamualaikum sahabat Ilmu Blogger selamat bangkit kembali yuk kita kupas tentang masalah blog lagi, nah kali ini Ilmu Blogger akan membagikan sebuah Cara Memasang Widget Fans Page Facebook di blog memang sih sangat sudah pasaran turtorial kali ini, akan tetapi kali ini saya mempunyai tutorial yang sangat gampang dan jauh lebih mudah dan cepat.Berikut langkah-langkah untuk memasang Fans Page Facebook di blog :
  1. Login ke akun blogger anda http://www.blogger.com
  2. Kemudian klik menu Template
  3. Klik Pada Tombol Edit HTML (jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit.)
  4. Selanjutnya cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
  5.  Copy kode dibawah dan letakan datas kode </head>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

  6.  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

  6. Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
  7. Klik simpan
  8. Selesai dan lihat hasilnya
Nah cukup seperti itu tutorial kali ini mudah kan sahabat Ilmu Blogger?
Ilmu Blogger akhiri artikel kali ini semoga bermanfaat..
Wassalam!

Related Posts:

  • Aplikasi Pembuat Tulisan Kali ini sahabat ILMU BLOGGER saya akan membagikan APLIKASI APLIKASI pembuat tulisan untuk di FACEBOOK atau di TWITTER ok LANGSUNG saja ke TKP,, -APL… Read More
  • Kumpulan Status FB Lucu Terbaru Kumpulan Status FB Lucu Terbaru - Pada postingan kali ini, saya akan membagikan beberapa kumpulan status facebok (fb) lucu yang terbaru. Mungki… Read More
  • TRICK FACEBOOK Kali ini Sahabat ILMUBLOGGER saya akan memberi menu - menu dari Trick Bloggerok langsung saja yaa,,semoga bermanfaat dan semoga berhasil,,,  &… Read More
  • Kumpulan Update Status Via Eps.2 Kumpulan Update Status Via Eps.2 by Syahdan Hdayatekage  Bagi yang belum baca Kumpulan Update Status Via Eps.1 disini aja langsung gan KLIK DISI… Read More
  • Cara memutar Lagu di Facebook Berbagai cara yang dilakukan untuk membuat facebook semakin cantik, mulai dari blogcast, koleksi foto, catatan - catatan pribadi, cause, bahkan … Read More

10 comments:

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com