Fanspage harus kita pasang di website/blog agar mendapatkan liker yang sebanyak-banyaknya, juga memudahkan pengunjung berinteraksi via Facebook dengan admin.
Yang belum punya Fanspage, silakan membuatnya di Facebook Like Box.
Sebelumnya sudah di-share Cara Memasang Facebook Like Box SEO Friendly di Blog.
Berikut ini Cara memasang Facebook Like Box Responsif sehingga tampilannya mobile friendly di blog blogspot.
1. Template > Edit HTML
2. Copy & Paste kode berikut ini di atas kode ]]<b:/skin>
.fb-wrap {width:50%;margin: 0 auto;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
3. Save Template!
4. Klik "Layout" > Add a Gadget > pilih HTML/Javascript
5. Copy & Paste kode berikut ini di kolom "Content"
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-wrap">
<h1>Responsive Facebook Like Box</h1>
<div class="fb-like-box" data-href="https://www.facebook.com/pagekomunikasipraktis" data-width="992" data-show-faces="true" data-show-border="false" data-colorscheme="light" data-stream="false" data-header="false"></div>
</div>
6. Ganti Url/alamat Fanspage yang warna merah dengan kepunyaan url fanspage Anda.
7. Save!
Kini Fanspage Facebook Like Box Responsive sudah terpasang di blog Anda. (www.komunikasipraktis.com).*
Sumber
Makasih Gan, tampilan FB like box seperti ini yang saya cari dan sudah saya terapkan. Btw apa kode yang kedua bisa diletakkan diatas atau dibawah kode body trus yang pertama diletakkan di HTML/Javascript?? karena sangat memengaruhi loading blog.
ReplyDeleteDicoba aja :)
DeleteIya Gan..akan saya coba saja. Btw mohon izin untuk dishare artikelnya, tentunya dengan menyertakan sumber. Terima kasih..
DeletePertanyaan terakhir Gan, bagaimana caranya agar daftar foto yang tampil cuma 2 baris seperti punya juragan? Terimakasih sebelumnya.
ReplyDeleteAtur tingginya.....
DeleteTerima kasih..
Deletengerubah ukurannya gmn gan ..... (newbie)
ReplyDeleteUbah ke 100 persen aja, di kode templatenya.
Deletefacebook suda ganti bentuk tampilannya ya..
ReplyDeleteapa bisa totorial ini diterapkan?
makasih gan cara pasang fb like responsifnya berhasil bermanfaat
ReplyDeletemakasih infonya bermanfaat banget nih buat blogger newbie kek saya
ReplyDeletesiippp...thanks infonya
ReplyDeleteWork gan, ane kasi reward 1 klik,
ReplyDeleteMohon koreksinya www.emosianisme.net