ALT/TEXT GAMBAR PPC Iklan Blogger Indonesia
Loading...

Cara Menambah fungsi scroll pada komentar

Cara Menambah fungsi scroll pada komentar, mungkin pada saat anda meninggalkan komentar pada suatu postingan seseorang, kadang kala kita melihat ada scroll pada kolom komentar, untuk apa, tentu untuk mempercantik dan membuat kesan rapi pada blog kita, untuk membuat scroll yang kita bahas diatas caranya
  • lalu klik Tata Letak,
  • kemudian Klik Edit HTML.
  • Klik"expand widget template"
  • Cari kode yang mirip seperti ini:

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='&quot;comment-&quot; + 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='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


Jika sudah ketemu, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti dibawah ini:

<div style='overflow:auto; width:ancho; height:350px;'>
<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='&quot;comment-&quot; + 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='&quot;#comment-&quot; + 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
^Untuk meminimalis kemungkinan yang akan terjadi, jangan lupa unduh template lengkap
Untuk mengatur scroll perhatikan kode <div style='overflow:auto; width:ancho; height:350px;'>

Jika cara 1 tidak berhasil coba Cara Kedua Menambah fungsi scroll pada komentar
cari kode <div class='comments' id='comments'> setelah itu akan ditemukan dua buah kode
kode yang pertama adalah untuk template desktop dan kode kedua untuk template mobile kreasikan sendiri yah
Letakan kode berikut style='max-height:300px;overflow:auto;'
Hasilnya kurang lebih akan seperti ini
<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>
Semoga berhasil salam blogging

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Menambah fungsi scroll pada komentar dengan url http://dubraw735.blogspot.com/2012/06/menambah-fungsi-scroll-pada-komentar.html, Semoga Artikel Cara Menambah fungsi scroll pada komentar bermanfaat bagi diri saya dan anda.

0 komentar:

Posting Komentar

Terimakasih sudah berkomentar dengan baik, sopan dan tidak mengandung spam,dimohon untuk tidak meletakan link aktif dalam komentar!!!
Klik Subscribe by email jika ingin mengetahui update komentar pada artikel ini, thank you for visiting

Ttd : Dani Setiadi