Tips Membuat Kolom Disamping Form Komentar | Kali ini saya ingin membahas tentang Cara Membuat Kolom Disamping Form Komentar, bagi saya sendiri kolom ini di buat untuk mengajak orang berkomentar di blog ini, dan untuk membuatnya pun tidaklah sulit hanya sedikit menambahkan script CSS + HTML di blog.
Okey langsung saja tengok tutorialnya...CEKIDOT>>
Okey langsung saja tengok tutorialnya...CEKIDOT>>
___________________________________________________________________________________
(Klik Gambar Untuk Memperbesar)
Anda tertarik ??
Untuk membuatnya silahkan ikuti langkah demi langkah di bawah ini .!
1. Login Blogger
2. Pilih Tabs "Rancangan" -> Pilih "Edit HTML" -> Cek "Expand Template Widget"
3. Cari kode <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc'
Selengkapnya anda lihat di bawah ini :
code:______________________________________________________________________________
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='375'/>
__________________________________________________________________________________ 4. Setelah itu Anda BLOCK semua dan Ganti dengan semua kode di bawah ini :
code:_____________________________________________________________________________
<table border='0'><tbody><tr> <td>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='375'/>
</td> <td style='padding: 5px; text-align: left;' valign='top'> <table cellpadding='0' cellspacing='0'> <tbody> <tr> <td align='left' valign='top'>
<div style='border-radius:5px; border: 1px solid #000000; padding:5px; width:250px; height=275px;'>Isikan beberapa kata sebagai informasi</div>
</td></tr> </tbody></table> </td> </tr> </tbody></table>
_________________________________________________________________________________<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='375'/>
</td> <td style='padding: 5px; text-align: left;' valign='top'> <table cellpadding='0' cellspacing='0'> <tbody> <tr> <td align='left' valign='top'>
<div style='border-radius:5px; border: 1px solid #000000; padding:5px; width:250px; height=275px;'>Isikan beberapa kata sebagai informasi</div>
</td></tr> </tbody></table> </td> </tr> </tbody></table>
Perhatian : Teks Merah adalah kode yang anda tambahkan dengan kode di atas
Perhatian : Teks Biru Anda ganti sesuka anda.!
Perhatian : Teks Hijau adalah kode warna border kotak (Boleh di ganti)
5. Klik "Simpan Template"
6. Selesai
Kalau anda ingin bertanya silahkan isikan di kotak komentar .!
Terima kasih atas kunjungannya.