Fanspage facebook merupakan tempat promosi paling jitu blog kita, dan bila ada penunjung yang kesasar masuk ke blog kita tentu mereka ingin berinteraksi dengan pemilik blog melalui facebook. Tetapi, bila akun secara pribadi tentu harus add atau menambahkan teman agar bisa berinteraksi dengan admin blog.
Agar lebih mudah, pemilik blog sebaiknya juga memiliki Fanspage Facebook dengan nama fanspage yang sama atau boleh juga berbeda. Manfaat fanspage selengkapnya bisa baca disini : FANSPAGE FACEBOOK. Jika sobat belum memiliki fanspage facebook sendiri yang sesuai dengan kriteria blog sobat, silahkan sobat klik JUAL FANSPAGE FACEBOOK.
Dan untuk memasangnya, kali ini saya akan share bagaimana cara memasang widget FansPage Facebook yang tersembunyi di samping kanan blog. Hal ini patut sobat lakukan jika blog sobat sudah banyak memuat widget-widget dan sobat pun sudah tidak tahu lagi ingin memasang/menaruh widget FansPage Facebook ini. Widget ini tidak cuma untuk memasang Like FansPage Facebook tersembunyi saja, tetapi juga bisa sebagai penghias blog Sobat seperti contoh Like Box Fanspage Tukang Buat Blog disamping kanan blog ini.
Cara Memasang Widget Like FansPage Tersembunyi di Samping Blog.
LANGKAH PERTAMA :
- Silahkan sobat Login atau Masuk ke akun Blogger terlebih dahulu.
- Setelah sobat berada di dasbor blogger klik More Options atau opsi lainnya.
- Pilih menu Template.
- Kemudian klik Proceed atau Lanjutkan.
- Sebagai jaga-jaga sobat Backup dulu Template blognya, jadi kalau ada kesalahan tinggal di download lagi template yang udah di Backup.
- Kemudian centang Expand Template Widget.
- Terus cari kode </head> agar memudahkan pencarian anda tinggal tekan CTRL + F
- Copykan kode berikut di atas kode </head> tadi.
- Setelah itu klik Save atau Simpan.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Pilih menu Layout atau Tata Letak.
- Setelah itu klik Add a Gadget atau Tambah Gadget.
- Kemudian pilih elemen HTML/JavaScript.
- Masukkan kode berikut.
<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=LETAKKAN URL PAGE ANDA DI SINI&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tukang-buat-blog.blogspot.com/2013/03/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>
$(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=LETAKKAN URL PAGE ANDA DI SINI&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tukang-buat-blog.blogspot.com/2013/03/cara-memasang-widget-like-fanspage.html">Click this</a></span></div></div>
- Sebelum di Save atau Simpan anda harus mengganti kata "LETAKKAN URL PAGE ANDA DI SINI" dengan URL halaman atau FansPage anda. Jika masih bingung apa itu URL anda dapat melihatnya seperti di gambar berikut.
- Terakhir Klik Save atau Simpan.
- Selesai dan lihat hasilnya.
Selamat siang,
BalasHapusTerimakasih atas topik mengenai FB Like box.
Saya sudah melakukan langkah 1 dan langkah 2. dan di web saya FB Like Box nya sudah muncul.
Kendalanya adalah di FB Like Box saya masih berwarna putih? Bagaimana solusinya?
Salam dan terimakasih
Leonardus
0838 741 591 25
Terima kasih.
HapusJika saya lihat di blog anda, widget FB Like Box Tertutup dgn Widget Share, Jika masih putih, dikarenakan member fanpage nya mungkin masih sedikit.
Agar tidak bertumpuk,
coba cari kode di widget
right:-250px;top:20%;}
ganti dengan
right:-250px;top:5%;}
dan lihat hasilnya
Trimakasih infonya gan
BalasHapusSama2, semoga bermanfaat...
HapusTerima kasih sudah berkunjung.
makasih buat tutorialnya. sudah saya pasang dan berhasil :D
BalasHapusSama2, semoga bermanfaat
Hapusthk u bro infonya,, ditunggu kulbal nya :http://komangsuardika.blogspot.com/
BalasHapusOk, sama2..
HapusMenuju TKP untuk berkunjung
makasih atas infonya,,,
BalasHapusnice share
sama-sama, semoga bermanfaat
Hapusterimaksih..tak coba bnie,,
BalasHapusMenjual Berbagai Herbal Obat Kuat Pria Alami, Obat Pelangsing Badan Herbal, Produk Kosmetik Bebas Mercury, Suplemen Kesehatan, Aneka Kondom Import, Sex Toys Pria Dan Wanita, Obat Perangsang Serbuk Dan Cair, Alat Pembesar Penis Dan Payudara Serta Obat Tahan Lama.
BalasHapusCall Us Now : 081228635060 - 087746599003
Terima kasih atas semua yang diposting di blognya sangat bermanfaat buat kami yang baru belajar buat blog. semoga saya lebih mahir dengan belajar di blog ini. terima kasih
BalasHapusgan kok fanspage ane kagak keliatan sama sekali padahal dah ane coba langkah 1 dan dua . . .mohon petunjuk . . ni blog ane http://copasfer.blogspot.com/
BalasHapuspunya saya ada kok gan dah tampil :)
Hapusmakasih banyak infonya, ini yg dicari cari selama ini
BalasHapusThanks gan, nice tutor. izin coba di blog ane
BalasHapusmaaf mas,, kalo saya kode jquery nya baru berhasil kalau dipaste dibawah kode </head
BalasHapusKunbal Di Http://tutorialleonn.blogspot.com/
BalasHapusThanks Gan Atas Tutornya Jangan Lupa Kunbal OK :)
Sangat bermanfaat sob
BalasHapusKunjungi balik gan http://www.masriaudi.com/
InshaAllah apa yang anda cari ada disana :)