Cara Membuat fan page Facebook Auto Hide A Z K A V E I R O: Cara Membuat fan page Facebook Auto Hide
5

Cara Membuat fan page Facebook Auto Hide

Share on :


Cara Membuat fan page Facebook Auto Hide ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya.. 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/pages/idebagus/149904085104258&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://azka-veiro.blogspot.com/2012/07/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.

PPC Iklan Blogger Indonesia

Ditulis Oleh : Azka Latif Noor ~ Tips dan Trik Blogspot

Azka Latif Noor Sobat sedang membaca artikel tentang Cara Membuat fan page Facebook Auto Hide. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

5 komentar:

odhzar jhadeya mengatakan...
Reply

numpang nyimak gan.,
tp pke tampilan seluler tahap 2 nya ga kelihatan tu gan kode scripnya.,
thankz.,

Azka Aveiro mengatakan...
Reply

@odhzar jhadeyaowh, sorry gan. saya editnya pke comp jadi ga revisi yg di mobile. thanks comment'a

Danny Restu mengatakan...
Reply

susah gan :(
nggak bisa bisa

ardian wijaya mengatakan...
Reply

mantap gan... :)

ilham cahyo mengatakan...
Reply

Thx's bermanfaat banget berooo :e

Posting Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top