Jika Berkunjung Jangan Lupa Meninggalkan Jejak Di BUKU TAMU INI... :)
Buku Tamu

Cara Membuat Fan Page Facebook Auto Hide



Cara Membuat Fan Page Facebook Auto Hide
BloG SyakuRCara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. Setelah mempostingan artikel tentang
cara memasang headline news di blog, kali ini akan memposting tentang fanpage facebook auto hide. 
Hampir mirip dengan chatbox milik ane yang bisa sobat liat di sebelah kanan halaman ini, widget ini akan muncul di bagian tepi sebelah kanan halaman blog sobat juga. 


Tertarik untuk memasang widget fanpage facebook auto hide, ikuti langkah -langkahnya..


Tahap 1

1. log in ke akun Blog sobat.
2. Klik Rancangan --> Edit HTML --> Cari kode </head> ( gunakan Ctrl + F )
3. Letakkan kode berikut di atasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Tmbhn : Jika sobat dapati kode tersebut memang sudah ada, hiraukan tahap ini dan langsung ke tahap berikut..

4. Klik Save


Tahap 2

1. Klik Elemen Laman
2. Klik Tambah Gadget
3. Pilih HTML/Javascript
4. Masukkan kode berikut ke dalam kotak yang di sediakan




<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=http://www.facebook.com/blogsyakur&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://syakur-xp.blogspot.com/2012/06/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>
Tmbhn : Ganti tulisan bercetak tebal dengan URL page sobat
seperti gambar berikut..


5. Klik save dan lihat hasilnya!!

Semoga tips di atas bisa membantu sobat blogger.. Sekian.
sumber:ide bagus



Setelah Membaca Artikel Cara Membuat Fan Page Facebook Auto Hide jangan lupa klik LIKE yaa.. dan Semoga bermanfaat bagi sobat . Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar atau di Buku Tamu. Sertakan link di bawah ini bila anda ingin COPAS.



5 comments:

  1. klo di wordpress gimana caranya yaaa ?

    ReplyDelete
    Replies
    1. Kalau wordpress saya tdk tau, bisa cari di gugel

      Delete
  2. NICE TUTORIAL NY SOB

    Coment bakc:id-cyb3r.blogspot.com

    ReplyDelete
  3. ijin coba sob
    komment back + follback sob

    ReplyDelete