Cara Membuat/Memasang Fan Page Facebook Auto Hide

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

DEMO

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://christiantatelu.blogspot.com/2012/01/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 : http://christiantatelu.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html

Artikel Terkait:

Komputer dan Internet

• Peluncuran New Ipad Apple di Indonesia
• Cara ganti tulisan posting baru,posting lama,home dengan icon
• Cara Membuat/Memasang Fans Page Facebook Di Blog
• Cara Membuat Chat YM Pingbox Pada Blog
• 7 Domain Termahal di Dunia

Blog

• Jquery Multi Level Menu Horizontal
• Membuat Tepi Gambar Bershadow Dengan CSS 3
• Cara Memasang Optimasi Template Menjadi SEO Friendly
• Cara Memasang Meta Tag SEO Friendly
• Membuat Gambar Slider Carousel Otomatis Berdasarkan Label
• Cara Gampang Memasang/Membuat Tab Menu Tanpa Edit HTML
• Membuat/Memasang Recent Comment Dengan Jquery pada Blog
• RPP Membukukan penyesuaian kas di bank
• Cara membuat/memasang Menu Tersembunyi Unik dengan CSS
• Widget Sharing Is Caring - Cara Memasang Widget Caring Is Sexy
• Cara membuat Buku tamu melayang Dengan Light Effect jQuery
• Cara Membuat/Memasang Menu Tab View di Blog
• Cara Membuat Gambar Berdampingan pada posting
• Cara Membuat Menu Horizontal Drop Down Dengan Animasi
• Cara Memasang Menu Horizontal Kwicks JQuery Slide
• Cara mudah memasang Iklan diatas postingan
• Cara Mendapatkan Google Adsense lewat Docstoc
• Cara Membuat Sitemap Blog
• Membuat Iklan Berdampingan
• Cara Pasang Meta Tag SEO pada Blog
• Cara Mudah Membuat Kotak Komentar Facebook di Blogger
• Cara Mendaftarkan Blog di Webmaster Google
• Cara Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog
• Mengatur Jumlah Posting Pada Halaman Label (widget)