Cara Membagi Kotak Komentar

Home » Blogging » Tips Trick » Cara Membagi Kotak Komentar

Cara Membagi Kotak Komentar

Apa yang dimaksud dengan membagi kotak komentar ?? silahkan lihat gambar dibawah ini..
Akan terlihat unik kan ?? Kalian bisa menambahkan kata-kata, adsense, gambar, animasi, widget, dan lain-lain.

Oke, langsung aja ..

1. Masuk ke akun blogger Anda
2. Buka Rancangan (Design)
3. Pilih Edit HTML
4. Centang tulisan "Expand Widget Template"
5. Cari kode blogger-iframe-colorize (Gunakan CTRL+F untuk mempermudah Anda)
6. Nanti Anda akan menemukan bervariasi kode, karena setiap template berbeda-beda.
   Contohnya, misal kita temukan susunan kodenya seperti ini:
   
   <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='600' id='comment-editor' scrolling='auto' src='' width='400'></iframe>


7. Setelah menemukan susunan kode yang ada tulisan "blogger-iframe-colorize" nya, sekarang tinggal menambahkan kode dibawah ini. Ubahlah kode di atas menjadi susunan kode seperti berikut, kode warna hitam tebal adalah kode asli, yang lain yang harus ditambahkan.
   
   <table border='0' cellpadding='0' cellspacing='0' width='480px'>
   <tbody>
   <tr>
   <td valign='top' width='425'>
   <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='600' id='comment-editor' scrolling='auto' src='' width='400'></iframe> </td>
   <td style='padding-left: 5px; text-align: left; padding-top: 5px;' valign='top'> <table cellpadding='0' cellspacing='0'>
   <tbody>
   <tr>
   <td align='left' valign='top' width='300'>
   
   <div style='-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: white none repeat scroll 0% 0%; border: 1px solid #3B5998; padding: 2px 5px;'>
   
   Bisa diisi dengan tulisan, adsense, widget, dan lain-lain. kreatif ! </div>
   
   </td></tr> </tbody></table> </td> </tr> </tbody></table>


8. Selanjutnya simpan dan lihat hasilnya.

Good Luck ..

Referensi :

• Ka' Damar

Blogging | Tips Trick