Ini juga berguna nantinya jika anda ingin mempromosikan artikel blog anda di halaman Fanspage Facebook anda. karena ketika anda mempostingkan halaman blog atau website anda maka akan muncul di beranda Facebook orang yang sudah me-like Fanspage Facebook anda. Coba anda bayangkan ketika like di "Fanspage Facebook" anda telah berjumlah ribuan atau bahkan puluhan ribu! ini memungkinakan artikel anda akan dilihat oleh banyak orang dan tentu saja mendatangkan pengunjung yang banyak pulah diblog anda.
Berbicara mengenai halaman Fanspage. Di Google Plus juga memiliki halaman fanspage, tentusaja jika anda ingin memiliki nilai yang bagus di pencaharian om gugel maka anda harus memanfaatkan sebaik-baiknnya semua fitur Om gugle. Jika anda tertarik ingin membuat Halaman fanspage Google Plus, silahkan baca artikel yang berjudul Cara membuat dan Memasang halaman Fanspage Google Plus ke Blog. Sebelumnya juga mengenai widget Blogger sudah pernah dibahas :
- Facebook Fanspage Melayang dengan Timer
- Cara membuat widget author box
- Memasang slider otomatis disamping postingan
Ok apakah anda tertarik ingin Membuat Widget Like Box Facebook Melayang di Blog anda? silahkan Ikuti langkah-langkah dibawah ini.
Cara Membuat Widget Fanspage Facebook Melayang di Blog
1. Syarat utama : Memiliki Sebuah Halaman Facebook. Bila belum ada, silahkan buat dulu. Baca disini Cara Membuat Halaman Facebook. Setelah anda memiliki sebuah halaman facebook, ikuti langkah selanjutnya.
2. Buka Akun Blog yang anda kelola.
3. Pada Dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget / Tabaah Gadget
4. Lalu pilih HTML/Javascript
5. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.
<!-- FB melayang tombol close by www.seocips.com --!>6. Kode yang berwarna biru di atas silahkan ganti dengan script halaman Fansapage Facebook milik anda. Simpat Widget Baru yang anda buat tersebut. Bagaimana cara mendapatkan kodenya ( iframe warna biru ) di atas? Baca caranya DISINI.
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<!-- Mulai --!>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fseocips&width&height=62&colorscheme=light&show_faces=false&header=true&stream=false&show_border=false&appId=1439296419615573" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowtransparency="true"></iframe>
<!-- Selesai --!>
<a class='close' href='#'>×</a></div>
7. Lihat hasilnya seperti gambar dibawah ini :
8. Jika berhasil maka selamat anda telah berhasil memasang Likebox fanspage di facebook versi melayang.
Perlu diperhatikan :
1. Tulisan berwarna Biru adalah Kode Script dari Halaman Facebook seocips.com. Silahkan anda ganti Kode Script tersebut dengan Kode Script dari Halaman Facebook Anda.
2. Bila tidak berhasil, coba ulang dari awal.
Baca juga:
Sekian tutorial kali ini semoga tutorilannya bermanfaat untuk anda.
Post Comment