Fungsi Scroll Untuk Kotak Komentar Facebook

Cara Buat Fungsi Scroll Untuk Kotak Komentar Facebook

Karena Sudah banyak sahabat Blogger yang menanyakan ini pada artikel Cara buat kotak komentar FB di Blogspot, yang katanya Kotak komentar terlihat terlalu Panjang maka sahabat dapat simak cara buat Fungsi Scroll Berikut, sepakat 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 kini silahkan Klik Edit HTML.
Jangan Lupa Download Template Anda untuk menjaga jikalau terjadi kesalahan.
Sekarang Silahkan Sobat Cari Kode Berikut :

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvDK-Lm3ZChY1pvIuNCVzEdhlp2KXKSrvSpvBGMN501pdcYjPE5aR-xfNOv3mUKh8w7ANaWhy_4MgQ8OMSVAYgNgRdLQnUXFMnESRtwZoW8ZOPU_SZV56HSvRKFmY_TTLo_opc7WFFu0/s1600/comment.gif'/></a></p>

Kode diatas yaitu Kode Gambar Penanda untuk Kotak Komentar, Bagi sahabat yang memakai Gambar Lain silahkan Cari Gambar tersebut
Untuk Mempermudah dalam pencarian instruksi 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/AVvXsEgqvDK-Lm3ZChY1pvIuNCVzEdhlp2KXKSrvSpvBGMN501pdcYjPE5aR-xfNOv3mUKh8w7ANaWhy_4MgQ8OMSVAYgNgRdLQnUXFMnESRtwZoW8ZOPU_SZV56HSvRKFmY_TTLo_opc7WFFu0/s1600/comment.gif'/></a></p>

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">

Langkah Kedua
Sekarang Silahkan Cari instruksi 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 instruksi berbeda

Setelah Ketemu dengan instruksi Diatas Kini Letakkan Kode </div> 
dibawahnya untuk Menutup, sehingga Semua Kode menjadi ibarat berikut :

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvDK-Lm3ZChY1pvIuNCVzEdhlp2KXKSrvSpvBGMN501pdcYjPE5aR-xfNOv3mUKh8w7ANaWhy_4MgQ8OMSVAYgNgRdLQnUXFMnESRtwZoW8ZOPU_SZV56HSvRKFmY_TTLo_opc7WFFu0/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

Tips Blog

• Share
• Share