Tips n Trik Cara Mudah Mengedit Kotak Komentar Di Blog ~ Tommy's Blog

Nah sekarang saatnya saya share tentang Tips n Trik Cara Mudah Mengedit Kotak Komentar Di Blog .Saya akan share 2 cara untuk edit kotak komentar anda.Nah silahkan simak penjelasan berikut ini.

1. Cara Membagi Kotak Komentar
Apa itu membagi kotak komentar?Membagi kotak komentar adalah menambahkan widget/teks/adsense disamping kotak komentar sobat.Nah silahkan ikuti cara-cara dibawah ini.

1. Login dulu ke Blogger.com
2. Setelah itu pilih Rancangan (Design) > Edit HTML
3. Centang tulisan "Expand Template Widget"
4. Cari tulisan blogger-iframe-colorize
5. Nanti anda akan menemukan kode seperti ini (Setiap template berbeda-beda)

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='510'/>

6. Ubahlah kode tersebut menjadi seperti di bawah ini

<table border='0' cellpadding='0' cellspacing='0' width='480px'>
<tbody>
<tr>
<td valign='top' width='425'>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='510'/>
<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;'>

Isi dengan yang sobat mau (Widget/Teks)</div>

</td></tr> </tbody></table> </td> </tr> </tbody></table>

7. Simpan template anda.Selesai deh.

2. Cara Buat Scroll Pada Kotak Komentar
Tips ini sangat berguna bagi sobat untuk menghemat tempat diblog dari banyaknya komentar pengunjung.Nah jika
tertarik ikuti cara-cara berikut ini

1. Masih pada bagian Edit HTML ,Silahkan sobat centang "Expand Template Widget".
2. Setelah itu cari kode <dl id='comments-block'>
3. Jika sudah ketemu silahkan copy code ini dan paste diatas code <dl id='comments-block'>

<div style='overflow:auto; width:ancho; height:250px;'>

Belum selesai sampai disini.Karena kita menggunakan perintah <div> maka kita harus menutup perintah tersebut.Nah silahkan cari kode </dl>.Setelah itu tambahkan code </div> dibawahnya.Untuk lebih jelasnya silahkan lihat kode berikut

<div style='overflow:auto; width:ancho; height:250px;'>
<dl class='comments-block' id='comments-block'>
            <b:loop values='data:post.comments' var='comment'>
              <dt class='comment-author' id='comment-author'>
                <a expr:name='data:comment.anchorName'/>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                <b:else/>
                  <data:comment.author/>
                </b:if>
                <data:commentPostedByMsg/>
              </dt>
              <dd class='comment-body'>
                <b:if cond='data:comment.isDeleted'>
                  <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                  <p><data:comment.body/></p>
                </b:if>
              </dd>
              <dd class='comment-footer'>
                <span class='comment-timestamp'>
                    <i><data:comment.timestamp/></i>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </dd>
            </b:loop>
          </dl>
        </div>