2 Cara membuat scroll di area Komentar blogspot

Pasti dari beberapa teman ingin tampilan blognya menjadi sesedehana mungkin, mungkin trik dari mas uwah ini bisa membuat blog anda lebih menjadi sederhana, saya mau memberikan tutorial tentang scroll di area Komentar blogspot, bagi anda yang komentanya bejibun bisa pakai trik ini, kalau nloler-nloler alias panjang bgt ke bawah kan capek memutar gerigi mouse-nya,, hehehe!! saya sendiri g̶ ̶p̶a̶k̶e̶ ̶t̶r̶i̶k̶ ̶i̶n̶i̶  karena ya komentar di blog saya masih minim, tapi suatu saat pasti saya pakai trik tersebut,

Nah gimana ..? Tertarik untuk mencobanya ..? Ikutilah langkah-langkah berikut ini .

Cara membuat scroll di area Komentar.
1.Login ke blogger .
2.Ketika di halaman dasbor klik rancangan.
3.Terus menuju lagi ke Edit Html.
4.Jangan lupa mencentang kota kecil Expand Template Widget.
5.Cari kode <dl id='comments-block'>. Bisa menggunakan Control F.
6.Kalau sudah ketemu , letakkan kode dibawah ini di atas kode yang anda temukan tadi.

<div style='overflow:auto; width:ancho; height:400px;'&gt;

7.Cari kode </dl> kemudian letakkan kode </div> dibwah kode yang anda temukan tadi.
8.Maka struktur kodenya akan menjadi seperti ini .

<div style='overflow:auto; width:ancho; height:400px;'>
<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>

Sebelum di save , baca dulu keterangan berikut ini .
Kode yang bercetak tebal itu adalah kode tambahan yang ditambahkan .
Kode yang berwarna biru , Adalah tinggi kotak komentarnya .

9.Kalau sudah save.
10.Lihat hasilnya :D

Semoga berhasil dengan scroll pada area komentarnya, jika tri tersebut belum bisa di template sobat, sobat bisa cari di teman-teman lainya dengan cara googling tentunya,, oke sekkian dulu .

UPDATE : jika trik diatas gak bisa di template sobat, mungkin sobat mas uwah bisa pakai trik ini :

1. Masuk ke Acount blogger anda atau ke Dashboard
2. Pilih Layout, kemudian klik Edit HTML
3. Cari kode seperti di bawah ini biasanya di atas kode ]]></b:skin> cari2 aja diatas kode ]]></b:skin> :

/* Comments
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}

4. Tambahkan kode berikut di atas kode : #comments h4

#comments {
height:400px;
overflow:auto;
}

5. Angka 400px : adalah tinggi kotak scroll itu, tinggal diganti sesuai selera kita.
6. Jika sudah jangan lupa Save template

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih

related post :