Memasang Fans Page Facebook Tersembunyi di Blog

Munggkin Sebagaian sobat blogger ada yang bingung ingin meletakan Widget Fans Page Facebooknya karena sudah terlalubayak Widget pada halaman Blognya, Nah.....jika benar demikian sobat Blogger Dapur Tutorial Blogspot dapat menggunakan trik berikut ini untuk mengatur letak Fans page Facebook sobat.
Kalau buat sobat blogger yang belum memiliki halaman Fans Page Facebook bisa mempelajari caranya pada tutorial blog Sebelumnya mengenai Cara Membuat Halaman Fans Page/Penggemar Facebook. setelah sobat blogger mempelajarinya sobat blogger bisa menrapkan trik ini untuk sembunyikan widget fans page facebook pada halaman blog.

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 HTML
  6. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
  7. 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'/>
  8.  Sekarang Klik Simpan

Langkah Ke II :
  1. Pilih Menu Tata Letak Atau Layout
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLH30pJ546XESGApQzeVv3BcSMEwsDJ7gA_snO-yCdrbFn5fhbM2ZAJXZKwbLC1GwULFqjB8T_XMJ899V8hB-YxQJmISCaU_0KzMCBaL1qchYoYAbGAKJFSpMCdipF6mc6EIE88xU-aRlO/s400/3.png" border="0" height="247" width="400">
  • Klik Tambah Gadget atau Add a Gadget
  • Pilih HTML/JavaScript
  • Copy kode berikut
  • <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://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>
    Keterangan : Perhatikan Tulisan URL PAGE ANDA ganti Dengan URL Fans Page Facebook anda 
     
  • Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
  • Klik simpan
  • Selesai dan lihat hasilnya
  • Demikian Tetang Tutorial Blog Cara Memasang Fans Page Facebook Tersembunyi di Blog. Senang bisa menulis lagi kali ini dan semoga bisa bermanfaat untuk kita semua
    Share this post :
     
    Support : Creating Website | casperxey | c0retan
    Copyright © 2013. ch0retan - All Rights Reserved
    Template Created by Creating Website Published by casperxey
    Proudly powered by Blogger