
Cara Buat Fungsi Scroll Untuk Kotak Komentar Facebook
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/AVvXsEiB_5sOteO5hKQJ424BfycPfaqArQZQzKiaKjAc1qdxXb4n2UB8DmXNZ02GgSPy2LwgocIcQ5jWFj71mQeC1MrqOpPAU3ukZAF6U4tUt7npKyOfdYUgaIEmdiEXnwmMi2PLISvpqDPH70M/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/AVvXsEiB_5sOteO5hKQJ424BfycPfaqArQZQzKiaKjAc1qdxXb4n2UB8DmXNZ02GgSPy2LwgocIcQ5jWFj71mQeC1MrqOpPAU3ukZAF6U4tUt7npKyOfdYUgaIEmdiEXnwmMi2PLISvpqDPH70M/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'/>
Keterangan : Pada Tutorial Cara Pasang Kotak komentar Facebook Lebar Kotak komentar " width='450' " Bagi yang sudah mengubahnya tentu kode berbeda
Setelah Ketemu dengan kode Diatas Kini Letakkan Kode </div>
dibawahnya untuk Menutup, sehingga Semua Kode menjadi seperti berikut :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_5sOteO5hKQJ424BfycPfaqArQZQzKiaKjAc1qdxXb4n2UB8DmXNZ02GgSPy2LwgocIcQ5jWFj71mQeC1MrqOpPAU3ukZAF6U4tUt7npKyOfdYUgaIEmdiEXnwmMi2PLISvpqDPH70M/s1600/comment.gif'/></a></p>
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/>
</div>
Terakhir Silahkan Simpan Dan d Cek Hasilnya. Semoga Berhasil, Sebagai Contoh Kotak komentar FB yang menggunakan Fungsi Scroll Silahkan Lihat disini :Keywords in SEO
Style komentar blog nya bagus banget neng, gimana cara buatnya yg kyk gini, posting dong........?
ReplyDeletehehehe makasih yah kak .. :D
ReplyDeletenih aku dapat style komentar nya dari master donor ilmu.
langsung kesini aja kak kalo mau coba style komentar nya http://donorilmu.blogspot.com/2011/10/blogger-komentar-style-fantastis.html =(( @SAGITA COM