3 Cara Buat Scroll Komentar di Blog

3 Cara Buat Scroll Komentar di Blog - Ya kalai ini saya mamu membagikan tips cara buat scroll komentar di blog .

Q : Apa sih scroll komentar itu ?

A : Scroll komentar itu adalah bingkai untuk meringkas komentar di blog jika terlalu banyak komentar ,lihal gambar .

 

Q : Fungsinya apa ?

A : Untuk mengurangi loading blog karna terlalu banyak meload link yang ada pada komentar .

Apakah anda tertarik membuatnya ? 

3 Cara Buat Scroll Komentar di Blog :

Sebelum membuatnya Login dulu ke Blogger.

Masuk Rancangan/Design 

Klik Edit HTML 

Centang "Expan Widget Template"

Cara Pertama :

Cari tag yang merip dengan tag kode di bawah ini ,gunakan Crtl+F unutk pencarian cepat.

#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; letter-spacing:.1em; color: $sidebarcolor;}

#comments-block { margin:1em 0 1.5em; line-height:1.6em;}

#comments-block .comment-author { margin:.5em 0; }

Kemudian tambahakan kode ini tepat di atas kode tadi.

#comments {

height:200px;
overflow:auto;

}

Angka 200 bisa anda ubah sesui keinginan tinggi scroll anda.

Cara Kedua :

Cari tag kode yang mirip dengan kode dibawah ini.

<dl id='comments-block'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

      <b:loop values='data:post.backlinks' var='backlink'>

        <div class='collapsed-backlink backlink-control'>

          <dt class='comment-title'>

            <span class='backlink-toggle-zippy'>&#160;</span>

            <a expr:href='data:backlink.url'><data:backlink.title/></a>

Kemudian tambahkan kode ini tepat di atas kode yang tercetak tebal.

<div style='overflow:auto; width:ancho; height:300px;'>

Tambahkan kode penutup tag DIV yaitu </div> sebelum atau sesudah kode penutup tag DL yaitu </dl>

Cara Ketiga :

Cara ketiga ini cara yang saya terapkan di blog ini.

Cari tag kode 

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Tambahkan tag kode ini tepat di atas kode tadi.

<div style='border: 1px solid rgb(230, 230, 230); padding: 10px; overflow: auto; width: auto; height: 400px;'>

Jangan lupa tambahkan kode penutup tag untuk DIV yaitu </div> letakkan sesudah kode </dl>

Setelah anda memilih salah satu cara di atas tinggal save template anda .
Semoga bermanfaat.