Karena Sudah banyak sobat Blogger yang menanyakan ini pada artikel Cara buat kotak komentar FB di Blogspot, yang katanya Kotak komentar terlihat terlalu Panjang maka sobat bisa simak cara buat Fungsi Scroll Berikut, baiklah mari kita mulai.
Tutorial ini Khusus Buat yang pasang Kotak Komentar Facebook di Blognya.
Langah Pertama
Silahkan login dulu ke Account masing-masing, Klik Dasbor Lalu Klik Rancangan dan sekarang silahkan Klik Edit HTML.
Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Sekarang Silahkan Sobat Cari Kode Berikut :
Untuk Mempermudah dalam pencarian kode Tekan Ctrl + F
Setelah Ketemu Silahkan Letakkan Kode Berikut di bawah nya
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Keterangan :
width = Lebar Scroll " sesuaikan lebar sesuai Blog masing2 "
Height = Tinggi Scroll
Sehingga Hasil Seperti berikut :
Langkah Kedua
Sekarang Silahkan Cari kode Ini " Letaknya ada dibawah Kode diatas tepatnya dibawah gambar"
Tutorial ini Khusus Buat yang pasang Kotak Komentar Facebook di Blognya.
Langah Pertama
Silahkan login dulu ke Account masing-masing, Klik Dasbor Lalu Klik Rancangan dan sekarang silahkan Klik Edit HTML.
Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Sekarang Silahkan Sobat Cari Kode Berikut :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdOQhSDzFilO1vwaodbUeTJtlrkl7yBt2NSxVzbqkkxOm4epXc40_gxncd6INS39BOiah2f5R10Eqh70ssPUkhSN-RrDduJMh3vAzRpf_2huEVokfuFu-ESnjq6hLNOMNe7JnwWL7a6Q/s1600/comment.gif'/></a></p>
Kode diatas adalah Kode Gambar Penanda untuk Kotak Komentar, Bagi sobat yang menggunakan Gambar Lain silahkan Cari Gambar tersebutUntuk Mempermudah dalam pencarian kode Tekan Ctrl + F
Setelah Ketemu Silahkan Letakkan Kode Berikut di bawah nya
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Keterangan :
width = Lebar Scroll " sesuaikan lebar sesuai Blog masing2 "
Height = Tinggi Scroll
Sehingga Hasil Seperti berikut :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdOQhSDzFilO1vwaodbUeTJtlrkl7yBt2NSxVzbqkkxOm4epXc40_gxncd6INS39BOiah2f5R10Eqh70ssPUkhSN-RrDduJMh3vAzRpf_2huEVokfuFu-ESnjq6hLNOMNe7JnwWL7a6Q/s1600/comment.gif'/></a></p>
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Langkah Kedua
Sekarang Silahkan Cari kode Ini " Letaknya ada dibawah Kode diatas tepatnya dibawah gambar"
<div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/>