Cara Baru Membuat Fanpage Di Blog 2016

Fanpage Facebook mengalami pembaharuan. Saat script dimasukkan kedalam tag body selalu error karena versi tidak didukung. Pada tutorial ini kita akan mengatasi masalah tersebut. Sehingga anda bisa memasang Fanpage pada halaman Blog anda.

Fanpage digunakan sebagai halaman promosi baik komunitas maupun bisnis. Apalagi Fanpage adalah kepunyaan Facebook yang terkenal di dunia. Facebook adalah media bisnis terbesar saat ini. Selain jaringannya luas, setiap orang sudah pasti memiliki akun Facebook.

Media sosial seperti Facebook dapat meningkatkan bisnis anda baik didunia nyata maupun didunia maya. Hal ini sudah lumrah. Untuk meningkatkan pemirsa, anda bisa mengundang teman-teman anda kehalaman bisnis anda yaitu Fanpage. Fanpage mempermudah anda berpromosi agar produk anda lebih banyak dikenal orang. Fanpage juga sering dipasang pada Blog untuk mempromosikan Blog dan meningkatkan pengunjung blog.

Mulai tanggal 23 Maret 2015 Fanpage mengalami perubahan dalam pemasangan widget di Blog. Untuk menghemat waktu, langsung saja kita bahas tutorial cara baru membuat Fanpage di Blog.

Pastikan anda sudah memiliki Fanpage Facebook.
Buka Fanpage dan blog anda. Pada blog, pilih Tata Letak. Lihat seperti gambar dibawah ini. Kemudian tambahkan gadget. Disarankan gadget ditambah di sidebar.

Klik gambar untuk memperbesar tampilan gambar

 

Pilih HTML/JavaScript seperti gambar dibawah ini

Salin code dibawah ini dan tempel ke jendela HTML/JavaScript yang anda tambahkan tadi.

Versi Melayang

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:15px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Like Beda Info untuk informasi terbaru</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bedainfo?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

Versi Side Bar

<div id='box-message'><!-- HTML Start -->
<center><a class="murub">Like Beda Info untuk informasi terbaru</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bedainfo?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

Teks berwarna biru adalah keterangan atau pesan untuk pembaca pada header Fanpage Box.
Teks berwarna merah adalah URL Fanpage anda.

Pilih versi Fanpage sesuai keinginan anda.

Lihat gambar dibawah ini.

Kemudian klik tombol Simpan.

Mudahkan? sekarang tidak perlu pusing lagi untuk mikirin perubahan kode Fanpage Facebook yang terjadi pada 23 Maret 2015. Cukup dengan mengikuti tutorial ini anda sudah bisa memasang Fanpage pada Blog anda.

Demikianlah tutorial cara baru membuat Fanpage di Blog, kritik dan saran tulis dikotak komentar. Terima kasih.

Share on Google Plus

About 18124

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.