Larepct.com- hy teman-teman kali ini saya akan memosting tentang bagimana cara menmbahkan fb page kedalam blog, saya tertarik untuk menulis cara ini karena ada dari kalian yang menanyakan cara terbaru ''di forum''Yang harus pertama kali kita bahas adalah apa itu Facebook Fanspage, fp iyalah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya.
Setiap blogger pasti memiliki facebook fanspage sesui konten yang mereka buat, kembali ke pokok pembahasan tentang cara memasang Fp di blog pernahkah Anda mengunjungi blog yang menampilkan facbeook fanspage di widget ataupun di bilah layar pada saat Anda mengunjungi blog tersebut
Apakah Anda ingin membuat memasang atau menambhkan facebook fanspage kedalam blog Anda, lantas apakah Anda akan bertanya bagaimana dampak speed loading blog tersebut ? Cara ini sudah saya buktikan dan sudah saya jajal tidak membebani speed loading didalam blog
Langkah awal
Yang harus Anda siapkan pertama kali iyalah kode script facebook fnspage (page-plugin), cara mendapatkan kode script facebook fanspage:
Login facebook
Buka halaman Anda kemudian copy url halaman facebook fanspage
Buka alamat url ini : https://developers.facebook.com/docs/plugins/page-plugin
Paste alamat url halaman fcebook fanspage kedalam kolom yang sudah disediakan pada nomor 3
Sesuaikan tampilan dengan selera Anda
Kemudian klik Get Code /dapatkan kode
Silhkan copy kodenya
Setelah Anda mendapatkan kode script fb page, sekarang kita memulai menambahkan atau memasang ke blog, disini kita akan mencoba menambahkan facebook fanspage kedua tempat yang berbeda, tempat yang pertam di dalam widgat entah dimana Anda mau meletkkan, dan yang kedua like box akan muncul di bilah layar tengah pada saat blog Anda di bukak di lengkapi tombol close di pojok kanan atasnya
Cara memasang atau menambahkan facebook fanspage di dalam widgate blog
Jika Anda ingin menambahkan facebook fanspage di dalam widgate blog Anda entah di bawah di samping atau diatas blog sesuai selera caranya adalah
Login blogger
Pilih tata letak
Tambahkan HTML/javascript
Copy paste kode script facebook fanspage yang telah kita siapkan tadi
Kemudian simpan
SELESAI
Cara memasang facebook fanspage melayang saat blog di buka
Cara yang kedua menambahkan atau memasang facebook fanspage kedalam blog yang melayang-lyang akan muncul saat blog Anda di bukak, dan di lengkapi tombol close di pojok kanan atasnya
Login blogger
Pilih tata letak
Tambahkan HTML/javascript
Copy paste kode di bawah
Kemudian simpan
SELESAI
<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:6%;
margin:0px 0px 0px -182px;
width:250px;
height:250px;
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;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-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;
cursor:pointer;
}
</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'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Sukai halaman,<blink> di facebook ya boy.. !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-page" data-href="https://www.facebook.com/Lucu-dotcom-1934038390250061/" data-tabs="timeline" data-width="250" data-height="150" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Lucu-dotcom-1934038390250061/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Lucu-dotcom-1934038390250061/">Lucu-dot.com</a></blockquote></div>
<!-- Selesai --!>
<a class='close' href='#'>×</a>
</div>
Baca disini : Memanfaatkan waktu luang untuk menjadi seorang blogger
Naaah setelah Anda mengikuti cara-cara di atas kemudian di simpan sudah pasti Anda berhasil memasang facebook fanspage kedalam blog, masih kesulitan butuh bantuan silahkan tanyakan di kolom komentar di bawah.