Cara Membuat Fan Page Facebook Auto Hide

Assalamu'alaikum Wr......Wb....!!!

Maaf sebelum'a sobat, dah lama nie kAyak na Syahrul Khana kagax dA nulis Artikel Lagi, Jadi sepi Nie blog...... hehehehe....

OK saya Sudah Mulai Kembali Lagi nie soB, Kali ini sAya akan Share Tentang bagaimana cara membuat Fan Page Facebook Auto Hide... seperti di Blog saya ini...!!! Masih bingung sob apa maksud'a.... langsung aja kepokok pembahasan... kata kunci'a adalah Auto Hide, berarti logika'a tanpa kita sentuh otomatis dia akan sembunyi sendiri.. eH malah ngaur.... hehehe :D...

Ok Sob mungkin artikel ini udah basi, atau udah lama tersebar luas, tapi kan yg nama'a manusia ingin selalu berbagi kepada sesama manusia lain'a, pa lagi itu motto saya..... ingin selalu berbagi & dibagi dari hal sekecil apapun....

Baiklah sob........!!! kalau mmg berminat langsung aZa ke TKP...

Langkah Pertama

1. Log in ke Akun Blog sObat Masing2

2. Klik Rancangan ----> Edit HTML ----> kemudian cari kode </head>
    (Kalau Sobat Mau lebih Cepat Gunakan CTRL+F)

3. SetelaH keteMu Kode diataS, Pastekan Kode Dibawah Ini, Tepat diaTas kodE </head>

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

4. Kemudian Save

Langkah Kedua

1. Klik Elemen Halaman

2. Klik Tambah Gadget

3. Kemudian soBatPilih HTML/Javascript

4. Masukkan Kode Berikut Kedalam tempAt Yg telah disediakAn

<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/Syahrul-Khana/356866194356372&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://nurulcall-tanjungkalang.blogspot.com/2012/02/cara-membuat-fb-pagefans-auto-hide.html">Tutorial Here</a></span></div></div>

5. Ganti Text yang BerceTak tebal, denGAn URL pagE Sobat...

6. Klik Save & liHat Hasil'a...

seMoga BermanFaat............
CU...........!!!!!!!

Artikel Terkait:

Posted in: Tips Nge-Blog