Membuat Scroll di Area Komentar
Ini untuk kita yang menginginkan blog kita tampil dengan lebih hemat tempat. Artinya tidak terlalu panjang blog kita memakan tempat. Saat tulisan kita menarik, dan banyak komentar yang masuk, maka yang terjadi adalah kita harus memutar gerigi mouse sampai ke bawah sekali.
Tentunya kita menginginkan blog kita tampil dengan simple, tidak terlalu panjang atau lebar. Salah satu cara yang dapat kita lakukan adalah dengan membuat scroll pada area komentar blog kita. Dengan demikian blog kita akan lebih hemat tempat. Seseorang yang ingin berkomentar di postingan kita yang sudah banyak komentarnya tidak harus mengeser sampai ke bawah.
Cara Membuat Scroll di Area Komentar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <dl id='comments-block'>
6. Setelah ketemu, taruh kode berikut ini di atasnya.
7. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Untuk lebih lengkapnya seperti di bawah ini
8. Kode yang berwarna merah adalah kode yang kita tambahkan. Simpan Template jika sudah selesai
Tentunya kita menginginkan blog kita tampil dengan simple, tidak terlalu panjang atau lebar. Salah satu cara yang dapat kita lakukan adalah dengan membuat scroll pada area komentar blog kita. Dengan demikian blog kita akan lebih hemat tempat. Seseorang yang ingin berkomentar di postingan kita yang sudah banyak komentarnya tidak harus mengeser sampai ke bawah.
Cara Membuat Scroll di Area Komentar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <dl id='comments-block'>
6. Setelah ketemu, taruh kode berikut ini di atasnya.
<div style='overflow:auto; width:ancho; height:400px;'>
7. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Untuk lebih lengkapnya seperti di bawah ini
<div style='overflow:auto; width:ancho; height:300px;'>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + 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>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + 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>
8. Kode yang berwarna merah adalah kode yang kita tambahkan. Simpan Template jika sudah selesai
wah makasih yo atas infonya, sangat bermanfaat nie buat blogger pemula seperti saya,,,,:D
BalasHapusmakasih banyak atas tutorialnya
BalasHapusterima kasih om, sudah sy coba dgn hasiL yg memuaskan.
BalasHapuscap jempoL
Really nice shoot bos, tapi untuk blog yang komentatornya masih sedikit, blog saya belum saya perkenalkan dengan ini, tapi caranya tetep disimpan dong ya, benar-benar bermanfaat
BalasHapuskk,yang saya c ga ketemu comments blog nya,gmana?di postingan saya juga gada form comentnya settingnya gamana?mohon penceerahan
BalasHapussiiippp lah , makasih tutorialnya bermanfaat sekali :))
BalasHapussaya dah coba bikin scarol tapi kok gag kelihatan yaaaa
BalasHapusGan. ane mau naya.
BalasHapuscara bikin emoticon kek agan punya gmn?
ane dah pasang trick yang lain cuman saat ane cek koment sendiri di blog ane emoticonya malah ga muncul...?
sebelumnya maaf salah kamar gan. ex:p
balas di email ane ya gan. Dennis(dot)avanger(at)gmail
terimah kasih atas inpormasinya ya.
BalasHapuslangsung ke TKP nie gan!!!
BalasHapusDOWNLOAD ASK MOM 3D SEX GAME FOR ADULTS 18+ CLICK HERE TO DOWNLOAD
BalasHapusDOWNLOAD GTA 4 PC GAME INSTALLATION SETUP CLICK HERE TO DOWNLOAD
DOWNLOAD TEKKEN 5 PC GAME HIGHLY COMPRESSED INSTALLATION SETUP CLICK HERE TO DOWNLOAD
DOWNLOAD SEDUCE ME SEX ADULT PC GAME 18+ CLICK HERE TO DOWNLOAD