Coretan Khana

Senin, 26 Maret 2012

Cara Membuat Fan Page Facebook Auto Hide

01.52 Syahrul Ramadhan No comments

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>

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

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

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

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

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

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