Kamis, 10 Februari 2011

Cara Mebuat Scroll Pada Daftar Komentar(NEW)


image
Pada trik membuat scroll pada daftar komentar pertama seperti terlihat pada image diatas. Ok dari pada menunggu lama-lama kita langsng saja membuatnya..Langkah-Langkahnya seperti yang ada di bawah ini..!!
  • Log in ke blogger=> pada dasbor=> klik tata letak=> edit HTML=> Expand Template Widget
Cari kode berikut: 
<dl id='comments-block'> 
Untuk memudahkan gunakan tab CTRL+f
membuat scroll pada daftar komentar
image
  • Sisipkan kode berikut di atas kode tadi:
<div style='overflow:auto; width:ancho; height:400px;'>
  • Scroll kebawah sampai anda temukan kode </dl> atau gunakan lagi   tombol  ctrl+f untuk mencari
membuat scroll pada daftar komentar
  • Setelah dapat letakkan kode berikut setelahnya
</div>
  • Simpan template.
Kalau masih bingung, lihat kode berikut, yang warna merah adalah kode yang harus anda sisipkan. Untuk ukuran height bisa anda ganti sesuai selera

<div style='overflow:auto; width:ancho; height:300px;'>
      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <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>
          <b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
          <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>
</b:if>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>
</div>
Jangan lupa simpan template!

Tidak ada komentar:

Posting Komentar

Berkomentarlah dengan memberi motifasi-motifasi agar saya bersemangat untuk selalu mengupdate blog ini