SERBA GRATISAN. Diberdayakan oleh Blogger.

Minggu, 15 April 2012

SCRIPT HTML GRATIS CARA BIKIN SCROLL DI KOLOM COMENTAR


          Solusi sebuah widget komentar biasanya kita memakai shoutbox , akan tetapi ada kelemahan dalam shoutbox tersebut,yakni dalam shoutbox tersebut tidak meninggalkan backlink kepada kita, hanya saja biasanya seorang blogger kesusu alias terburu-buru untuk meninggalkan komentar ketika sudah berkunjung kesebuah blog teman,makanya acara yang paling instan adalah masuk shoutbox alias  widget buku tamu diluar platform customnya blogger.
            Seorang blogger biasanya menambahkan shoutbox untuk menghemat tempat,akan tetapi kasihan donk teman yang sudah meninggalkan jejaknya jika dia nggak dapat backlink sebagai bonus kunjungannya ,makanya blog kita ini distel do follow dengan harapan tem,an-teman betah dan krasan juga seneng berkomentar di blog ini.Solusi untuk menghemat tempat komentar adalah dibuat scrollbar kolomkomentar blogger,Ok ikuti lanjutan ceritanya dibawah ini….
           Kalau kawan blogger pengin membuat sebuah Kolomkomentar yang memiliki scroolbar,atau sebuat saja komentar yang dapat ditarik keatas dan kebawah, ini kode HTML nya, caranya seperti biasa aja langsung saja masuk Ke Blogger_ menuju dashboard kita_ masuk ke bagian template,edit HTML, jika ada peringatan dari Blogger terus Klik lanjutkan,Cara selanjutnya adalah  centhang saja expand template kamu, sekarang sudah sampai trik terakhir yakni mencari kode kayak yang dibawah ini:
 1.Cari kode berikut ini <dl id='comments-block'>

2.  Setelah ketemu, taruh kode berikut ini di atasnya.
<div style='overflow:auto; width:ancho; height:400px;'>

3. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Contoh lengkapnya seperti kode 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='&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>
4. Kode yang berwarna merah adalah kode yang kita tambahkan.
5. Simpan Template jika sudah selesai.Mantab………….


Semoga artikel SCRIPT HTML GRATIS CARA BIKIN SCROLL DI KOLOM COMENTAR bermanfaat bagi Anda. Jika kamu suka dengan artikel SCRIPT HTML GRATIS CARA BIKIN SCROLL DI KOLOM COMENTAR ini, like dan bagikan ketemanmu.

Posting Komentar

Silahkan tinggalkan komentar...nyepam juga nggak papa..
nawarkan dagangan juga boleh...

SERBA GRATISAN - All Right Reserved.Powered By Blogger
Template and Design By Resep Masakan