Cara Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog

Cara Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog ~ Seperti yang sudah saya katakan pada artikel-artikel saya sebelumnya. Dengan memasang fan page saudara di blog, maka fan page dan blog saudara pengunjungnya akan lebih meningkat dan sebelumnya.

Namun berbeda dengan script fan page sebelum-sebelumnya, script fan page kali ini memiliki fitur auto hiden atau tersembunyi di samping layar blog saudara. Selain itu widget ini akan muncul tanpa saudara klik terlebih dahulu, widget fan page ini akan membuka secara otomatis jika anda mengarahkan/meletakan kursor maouse pada widgetnya.

Cara Memasang Widget Like Box Fan Page Tersembunyi di Blog

Namun sebelumnya, bagi saudara yang ingin memasang fan page facebook di blog dengan style yang standar-standar saja, atau pun ingin memasang fans page yang melayang di blog saudara, baik itu dengan disertai waktu/timer maupun tidak. Berikut saya sajikan linknya untuk anda kunjungi:

1. Membuat dan Memasang Like Box Fan Page di Blog
2. Cara Membuat Facebook Fan Page Melayang di Blog
3. Memasang Fan Page Facebook Melayang Disertai Timer/Waktu

Tetapi buat anda yang ingin tetap memasang fan page facebook auto hiden ini di blog saudara, silahkan ikuti panduanya di bawah ini:

Tahap Pertama:

• Login dengan akun blog saudara
• Masuk menu TEMPLATE--> Edit HTML
• Cari kode </head>
• Gunakan Ctrl+F atau F3 untuk mempermudah mencari kodenya
• Letakan kode berikut di atas kode </head>

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Tambahan: Jika anda menemukan kode tersebut sudah ada di blog saudara, maka hiraukan tahap ini dan lanjut ke tahap berikutnya

• Klik Simpan

 Tahap Kedua:

• Masuk ke menu TATA LETAK
• Klik tambah gadget, lalu pilih HTML/Javascript
• Masukan kode di bawah ini:

 <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/MAKNYUSblogger/630268323679847&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://maknyusblogger.blogspot.com/2013/09/cara-membuat-facebook-fan-page-auto.html">Tutorial Here</a></span></div></div>

Catatan: Silahkan anda ganti kode berwarna merah dengan alam/url fan page facebook saudara.

• Jangan lupa klik Simpan dan lihat hasilnya . . .

Untuk anda yang ingin melihat Demo atau contohnya, silahkan kunjungi halaman di bawah ini:

Semoga artikel di atas bermanfaat bagi anda semua . . .

Anda baru saja membaca artikel tentang - Cara Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)