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"
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 :
Terakhir Silahkan Simpan Dan d Cek Hasilnya. Semoga Berhasil
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/AVvXsEiofambyUrZFG8wmcqztG7bOGTbuxu1i_P9fRmjRmCysce_fdpigryXWz25DTIbw4UKdwX1chekp4oxdc26y832psGT-fB_sMwaev9XnYF6Zmh9oiX8Fz9Fh_RFI0ZSaOYV0a_9P5Aryys/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/AVvXsEiofambyUrZFG8wmcqztG7bOGTbuxu1i_P9fRmjRmCysce_fdpigryXWz25DTIbw4UKdwX1chekp4oxdc26y832psGT-fB_sMwaev9XnYF6Zmh9oiX8Fz9Fh_RFI0ZSaOYV0a_9P5Aryys/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/AVvXsEiofambyUrZFG8wmcqztG7bOGTbuxu1i_P9fRmjRmCysce_fdpigryXWz25DTIbw4UKdwX1chekp4oxdc26y832psGT-fB_sMwaev9XnYF6Zmh9oiX8Fz9Fh_RFI0ZSaOYV0a_9P5Aryys/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
Judul: Fungsi Scroll Untuk Kotak komentar Facebook
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh 12:33 PM
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh 12:33 PM
0 komentar:
Post a Comment