Cara Membuat Fan Page Facebook Auto Hide Untuk Blogger

Moeztro - Just For Shared - Cara Membuat Fan Page Facebook Auto Hide Untuk Blogger - Sekilas Tutorial Dari Moeztro. Tutorial Yang Mungkin Bermanfaat. 
Ket 1 : ( muncul tanpa di klik ) - Ada beberapa cara memodifikasi fanpage facebook , setidaknya kali ini saya akan kasih salah satunya
Tutorial Ini Tidak Begitu Rumit Dan Tidak Perlu Konsentrasi. Untuk Melihat DEMO Nya Anda Tinggal Melihat IMAGE Facebook Di Kanan Website MOEZTRO-US 
Langsung Saja Ke Tutorialnya. SIMAK Baik Baik Biar Tidak Terjadi Kesalahan.

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=https://www.facebook.com/pages/Moeztro-Web-Support/225309407557772&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://albertotkj.blogspot.com/2012/09/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>

Tmbhn : Ganti tulisan merah bercetak tebal dengan URL page sobat
seperti gambar berikut..

5. Klik save dan lihat hasilnya!!

Semoga tips di atas bisa membantu sobat blogger.. Sekian.

Karena Moeztro Takut Di Bilang BLOG Plagiat Jadi Moeztro Memberikan Sumber / Pemilik Tutorial Ini.

SUMBER

   

Tweet