CARA MEMBUAT FACEBOOK AUTOHIDE DI BLOG | ABSTRACT OF WEB GJ
Headlines News :
Home » » CARA MEMBUAT FACEBOOK AUTOHIDE DI BLOG

CARA MEMBUAT FACEBOOK AUTOHIDE DI BLOG

Written By web absrak on Minggu, 07 April 2013 | 07.27



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.

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=URL FACEBOOK PAGE SOBAT&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://trickwijaya.blogspot.com/2012/12/cara-membuat-facebook-auto-hide-di.html">.: Pasang Widget :.</a></span></div></div>

Ganti kata yang di cetak tebal dengan alamat fanpage sobat.contoh seperti dibawah ini:


Lalu simpan dach, Lihat hasilnya....
TAMAT

Abstrak Of Web GJ
Oleh PHYDHE EXS pada.
Kumpulan Artikel GJ abstrakweb.blogspot.com Rating: 4.5
Share this post :

Posting Komentar

 
Support : Creating Website | Pephy Template | Pephy
Copyright © 2013. ABSTRACT OF WEB GJ - All Rights Reserved
Template Created by Creating Website Published by Pephy
Proudly powered by Blogger