Tuesday, May 7, 2013

Cara Membuat Fans Page Facebook Auto Hide

Cara Membuat Fans Page Facebook Auto Hide - 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.
Fans page facebook

Berikut tutorial cara membuat fans page facebook auto hide:
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/pages/AIKON-MEDIA/366100086832676&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://aikonmedia.blogspot.com/2013/05/cara-membuat-fans-page-facebook-auto.html">Tutorial Here</a></span></div></div>
Ket:

  • Ganti tulisan warna biru dengan URL fans page facebook sobat.
  • Tulisan yang berwarna merah bisa di ganti dengan URL gambar yang sobat inginkan. Seperti punya saya yang ada disamping kanan. Jika ingin default tidak diganti juga tidak apa-apa.

fb aikon media

Fb Default

5. Save atau Simpan. Lalu cek apakah sudah bisa.


Jika sobat ingin minta bantuan saya membuat gambar untuk fans page, dengan senang hati saya akan membantu. Tulis saja di komentar gambar seperti apa yang bisa saya buatkan, dengan meninggalkan kontak yang bisa digunakan untuk mengirim gambarnya jika sudah jadi. E-mail atau facebook juga boleh. Sebagai tanda terima kasihnya sobat bisa memasang link saya di blog sobat dan saya tidak memaksa. Semoga tutorial cara membuat fans page facebook auto hide ini dapat bermanfaat untuk sobat semuanya. Terima kasih,

Related Posts

Cara Membuat Fans Page Facebook Auto Hide
4/ 5
Oleh