Blog Ping
Adsense Indonesia Adsense Indonesia Adsense Indonesia

Kamis, 11 November 2010

Cara menambah scroll pada kotak

Trik blog ,Bagi anda yang tidak ingin kotak komentarnya terlihat terlalu memanjang saya punya triknya.
Berikut caranya:


1.Masuk ke blogger
2.Pilih Rancangan (Dulu tata letak)
3.Klik edit html
4.Beri tanda centang pada Expand Template Widget
5.Cari kode berikut:




<dl class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
<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>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2157145678768874645&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Balas Komentar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7a_KzWTHyGwtTpVZOnEDiGaGt3ag029feYQjPOGCVW5g91bhiW0nyu6N_vmTTeapNsHecslJlkSZ-zoo0i0BzjWXypfZFbSwM2Um5VUHOpxNUmJ2mvuhCoDSXpuZpoXQ-pQlZjbgiYoQ/s400/+-.bmp'/></a></span>
</dd></span>
<dd class='commenttext'>
<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:loop>
</dl>



6.Hapus code diatas lalu diganti dengan kode berikut:



<div class='scrollbox' style='overflow:auto; height:310px;'>
<dl class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<span><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
<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>pada hari&#160;<dd class='comment-footer' style='display:inline; margin:0px'>
<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></span>
<dd class='commenttext'>
<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:loop>
</dl>
</div>


7.Simpan template

Sebagai contoh ini: