Minggu, 23 Januari 2011
Membuat Scroll Pada Kotak Komentar Blogger
Sebuah komentar sangat diperlukan untuk sebuah blog, karena dengan adanya komentar kita jadi tahu seberapa sering blog kita dikunjungi orang. Komentar yang datang ke blog kita bisa berupa pujian ataupun kritikan. Tapi apabila blog anda mempunyai komentar yang cukup banyak, maka akan banyak space yang tersita. Nah, untuk menghemat space di blog temen-temen mungkin anda ingin menggunakan scroll pada daftar komentar di blog anda. Jika temen-temen tertarik berikut ini adalah langkah-langkah pembuatannya :
- Login ke account blogger anda
- Kemudian klik Tata Letak,
- Lalu klik Edit HTML. jangan lupa centang expand widget template
- Cari kode yang mirip seperti ini:<dl id='comments-block'>Nah, kalau sudah memperhatikan kode di atas, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti berikut:
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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='comment-body-author'>
<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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl><div style='overflow:auto; width:ancho; height:300px;'><dl id='comments-block'><b:loop values='data:post.comments' var='comment'><dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/><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='comment-body-author'><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='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a><b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl></div> - Klik simpan template
Teman-teman juga bisa mengatur panjang letak kotak komentar yang sudah diberi scroll itu dengan cara mengatur nilai pada kode <div style='overflow:auto; width:ancho; height:300px;'>, perhatikan pada bagian : 300px. Angka tersebut dapat anda atur sesuai keinginan, tapi lihat dulu hasilnya pada kolom komentar postingannya, apakah sudah sesuai dengan ukuran kotak komentar yang anda inginkan.
Itu tadi tutorial hari ini mengenai cara membuat scroll pada kotak komentar, jika ada yang kesulitan bisa tanya sama kotak komentar dibawah, selamat mencoba dan semoga bermanfaat.
Label:
tutorial blog