Cara Mudah Menampilkan Fanspage Facebook Di Blogger

Karena berhubung kemarin saya sudah berjanji untuk share cara membuat facebook like box. Kini dipembahasan kali ini saya akan menjelaskan step by step nya.

Pasti nya anda semua sudah mengetahui fungsi dari faceboox like box ini,tujuan nya adalah menjaring pengunjung agar menyukai halaman di facebook anda,jadi semakkin banyak yang menyukai halaman anda maka semakin bagus peluang anda bisa mendapatkan traffic atau pengunjung blog. Bagaimana bisa.? Bisa,karna jika yang menyukai halaman anda itu banyak,anda bisa memanfaatkan mereka agar mau mengunjungi blog anda dengan cara anda bisa membagikan link setiap postingan di halaman atau fans page anda lalu kemudian orang yang menyukai halaman anda otomatis akan menerima pemberitahuan dari facebook. Ok lanjut saja.

(Baca Juga Cara Membuat Desclaimer Di Blog)

1. Yang jelas anda harus punya facebook,lalu kemudian klik di www.facebook.com untuk log in di akun facebook anda.

2. Jika anda belum mempunyai halaman atau yang biasa disebut fans page,maka anda bisa baca Cara Mudah Membuat Fans Page di Facebook.

3. Jika anda sudah selesai mempersiapkan fans page anda,maka anda bisa masuk ke halaman Facebook Developers untuk memulai.

4. Jika sudah,isi formulir seperti gambar di bawah.

Cara Mudah Menampilkan Fanspage Facebook Di Blogger

Keterangan:
-Pada bagian kolom yang paling atas,isi dengan url fans page atau halaman anda.
-Pada kolom yang bawah isi lebar widget yang akan anda pasang di blog anda.
-pada kolom ketiga,isi dengan tinggi widget yang ingin anda pasang di blog anda.
Lihat bagian bawah,itu merupakan preview widget yang nanti akan anda pasang di blog anda.

5. Kemudian klik Get Code atau Dapatkan Kode.

6. Copy semua kode yang sudah tersedia. Seperti gambar di bawah.

Pilih Iframe lalu simpan semua kode di notepad untuk membuat fanspage tersebut melayang. Dan kemudian pilih lagi SDK JavaScript lagi.

Step 2: Copy kode, kemudian masuk dashboard akun blogger anda,lalu pilih opsi template setelah itu edit html. Cari kode <body pastekan kode tersebut tepat di bawah kode

<body expr:class='"loading" + data:blog.mobileClass'>

Step 3: Copy semua kode,lalu masuk ke opsi lay out atau tata letak,lalu pilih add gadget yang terletak dimana saja,lalu pilih gadget Html atau Java Script kemudian paste dan klik simpan. Langkah terakhir klik simpan setelan.

Dan kalau misalkan anda gak ingin terlalu ribet,anda bisa mencoba menggunakan cara ke 2,yaitu pergi ke menu lay out,kemudian pilih add gadget di lalu pilih gadget Html atau Java Script kemudian paste kode berikut.

<style type="text/css">
.Bloggerfbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}
</style>
<div class="seocipsfbox">
<div class="fb-like-box" data-href="http://www.facebook.com/fanspagemu" data-rel="nofollow" data-width="280" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Ganti http://www.facebook.com/fanspagemu dengan url atau link fanspage atau halaman anda,kemudian klik simpan. Setelah itu anda bisa melihat tampilan blog baru anda.

(Baca Juga Cara Membuat Sitemap Di Blog)

Note: Jika anda ingin membuat fanspage di facebook anda melayang maka hal yang harus anda ingat,simpan kode Iframe di notepad anda lalu lanjutkan ke pembahan berikut nya Cara Membuat Fanspage Facebook Melayang Di Blog