Cara Membuat Fan Page Facebook Auto Hide

Written By naufal aulia on Minggu, 25 Maret 2012 | Minggu, Maret 25, 2012

Hallo!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
sobat blogger. Kali ini saya akan memposting Cara Membuat Fan Page Facebook Auto Hide. widget ini hampir sama seperti buku tamu yang berada di sebelah kanan yang kalo didekati mouse akan membuka sendiri.
masih belum tau??????? ni DEMO-NYA
NAH.....dah taw kan bagus ga? tertarik gak?
langsung disimak aja yaaa.


TAHAP 1
 
  • masuk ke blogger
  • Klik Rancangan --> Edit HTML --> Cari kode </head>  (gunakan ctrl+f untuk memudahkan)
  • letakkan kode berikut diatasnya
                <script src='http://nofal-sama77.googlecode.com/files/nofal-sama77kodefacebook.js' type='text/javascript'/>      
                nb : jika kode nya sudah ada hiraukan tahap ini
  • KLIK SAVE                             
                                                     TAHAP 2         
  • Klik Elemen Laman 
  • Klik tambah gadget
  • Pilih HTML/Javascript 
  • 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/Komunitas-nofal-sama77/284061028309434 &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>
                                                                                
nb : ganti url yang tebal dengan url fan Page kalian  
      





sekian untuk kali ini
haPPy BLOGging :)   

Ditulis Oleh : naufal aulia ~nofal-sama77

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Fan Page Facebook Auto Hide yang ditulis oleh nofal-sama77 Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Minggu, Maret 25, 2012

3 comments:

  1. monggo dicoba mas/mbak.....

    BalasHapus
  2. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  3. auto hide nya muncul.a gan..tapi fan pagenya gak ada...tolong di jelaskan...
    Visit may personal blog gan rusdigheanzblog.blogspot.com

    BalasHapus