Cara Buat Fanspaga Auto Hide

Cara Buat Fanspaga Auto Hide
Asslamualaikum
Selamat Siang -
Facebook fans page sangat penting bagi kelangsungan blog kita. Karena dengan adanya fans page orang-orang bisa tahu tentang keberadaan blog kita. Facebook fans page juga bisa digunakan untuk mempromosikan blog ke jejaring sosial facebook, karena kebanyakkan orang menghabiskan waktu hanya untuk facebookan. Maka dari itu kita bisa memanfaatkan jejaring sosial ini untuk promosi blog kita.


Disini saya akan berbagi tutorial membuat fans page facebook auto hide, seperti punya saya yang ada disamping kanan. Sebenarnya widget fans page facebook ini sama dengan widget lainnya, hanya yang membedakannya adalah auto hide atau sembunyi otomatis. Kelebihannya adalah bisa menghemat ruang sidebar kita.
Simak Baik Baik

1. Login ke blogger.com
2. Klik menu template/rancangan >> Edit HTML >> cari kode </head> (gunakan CTRL+F)
3. Letakkan kode berikut diatasnya
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

*Jika ditemplate sobat sudah ada kode tersebut, maka lewati saja tahap ini dan langsung ke tahap berikutnya

4. Save atau Simpan


Lanjut Tahap 2:
 
1. Klik menu Layout
2. Klik Tambah Gadget/ add gadget
3. Pilih HTML/JavaScript
4. Copy dan paste kode berikut di dalam kotak HTML/JavaScript yang dipilih tadi. 


<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/ID FANSPAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=11&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://gifzt-modder1.blogspot.com/2013/08/cara-buat-fanspaga-auto-hide.html">Tutorial Here</a></span></div></div>
5. Simpan



Demo


Demo


Demikian Post Tentang Cara Buat Fanspaga Auto Hide Semoga Bermanfaat Bagi Kita Semua ,,
wassalamualaikum wr wb.

Cara Buat Fanspaga Auto Hide

Alternative Link : [ Click Here ... ]

Posted by Ramadhan Ashary | Published at 15.41

Tidak ada komentar :

Posting Komentar

{ Harap Baca }

1. Harap berkomentar dengan bahasa indonesia yang baku tanpa singkatan.
2. Apabila Anda Komentar Thank's Info ,, Nice Post <-- Akan saya Hapus
3. Dilarang Live Link
4. Dilarang Berkomentar berbau Por** and SARA
5. Berkomentar lah Dengan Sesuai Postingan Diatas
6. Jika Anda Mengomentar Enggak Sesuai Topik Gunakan OOT

{+} Ingat Jangan Sekali Sekali Menaruh Link Hidup Maupun Link Mati

 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo