Sabtu, 19 Juni 2010

Cara menambah scroll pada kotak komentar

| Sabtu, 19 Juni 2010 | 29 komentar
Selamat membaca artikel diblog ini semoga bermanfaat :)

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/AVvXsEhOja-JLrGay3T9SYr59dDOKGU-eZjAkaVinJChbDxuVaFKRLK1PlEVBrr7rz_TMwjSHu4b_Ptmf5LcBfVNL_DLm6g1O7YQ8oc0KSZJXFdOvkAOBotAErOLB3i_sHVcW6IF9meYebxA4lA/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:

29 komentar :

berita bola mengatakan...

nice info nih...cocok buat para pengkoleksi komentar...

m_chandra mengatakan...

wah. . mantab nie sob. .
bisa menghemat tempat. .
terima kasih. .

Rizkyzone mengatakan...

keren sih sob sebenarnya, tp aq masih lebih suka g tak kasih scrool

secangkir teh dan sekerat roti mengatakan...

udah pake kang..
saya senang yang ini ketimbang yang kotak komentarnya ikut ke scroll :)

Damar mengatakan...

Wah . . . . yg komen di blogku masih dikit Sih . . .

Unknown mengatakan...

mantab duh htmlku payah .. :(

Islamic.Net mengatakan...

makasih atas infonya ya

hery mengatakan...

bagus ni kotak comentnya boleh tu di coba ...bisa menghemat tempat he..

Belajar SEO mengatakan...

Sangat cocok utk blog yang banyak komentarnya :D

robby mengatakan...

Wah tutorial mantep ni D rian, keep bwat tutorial biar ngalahin KR....

ArDa mengatakan...

Wah mantab nih....

Langsung ak coba sob......

mas doyok mengatakan...

aku kruang suka dgn scrooll seperti ini
kurang bagus dalam index juga

o'o mengatakan...

wah info menarik sobat .,.,ku bookmark dolo ya,.,.,

Refline mengatakan...

wah keren bro

Refline mengatakan...

wah keren bro

Akhyar's Blog mengatakan...

wah...bagus nih..
bisa hemat tempat...

Akbar Yahya mengatakan...

hebat ni and bagus info ya kalo buat scroll untuk label gimmana ya?

Baca One Piece Indonesia mengatakan...

ini yang ku cari sobb...thanks for info...keep posting about tutorial blog yoo... :))

Denny's blog mengatakan...

mantap bro triknya..
dicoba.
^_^

Ryan Blog mengatakan...

dulu saya make. Tp skarang uda enggak.
Visit back ya.

Adib from kompinter mengatakan...

Oke keren sob..!!thax tipsnya

Manchester United Tech mengatakan...

siip dah, bagus banget tutorialnya...

Unknown mengatakan...

Mantep Kawan, jadi hemat tempat . . ..Ilmu Komputer Damar

SISWA TKJ mengatakan...

bagus nih sob...
bagaimana cara membuat komentar ada bordernya?

Healthy Live Tips mengatakan...

Punyaku kok gak ada kode itu yah :'( bingung

Rumah Imajinasi mengatakan...

wah artkle yang bgus,,,
aku coba dech,,,

Warta Digital mengatakan...

mantap gan infonya.....
trims ya....

kunjungi juga blog an ya gan

21johan mengatakan...

wah,,
setelah dipikir2,, nanti aja dech gua pake,,
masih sedikit neh komentator di blog gua.. wkaka
thanks info'yo..

RUMAH MANDIRI mengatakan...

johan@ stju gwe kan jg bru bkin diblogku yg bru
jgn lpa brkunjg ya teman2 ni almtnya http://cholil.co.cc
trim ksih

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 

Blogroll

Flagcounter

free counters
© Copyright 2010. K-blogger . All rights reserved | K-blogger is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com
Pasang Iklan Gratis Sebagai Awal Mulai Bisnis Online