Cara Memasang Scroll di Kotak Komentar Blog

Cara Memasang Scroll di Kotak Komentar Blog. Silakan lihat contoh gambar dibawah ini: Untuk lebih jelasnya tentang cara memasang scroll di k...

Cara Memasang Scroll di Kotak Komentar Blog. Silakan lihat contoh gambar dibawah ini:

memasang scroll di kotak komentar blog

Untuk lebih jelasnya tentang cara memasang scroll di kotak komentar blog. Ikuti langkah-langkah dibawah ini.
  1. Login Ke Blogger, Dari halaman Dasbor pilih pengaturan Template.
  2. Klik Edit HTML dan cari kode <div class='comments' id='comments'>
  3. Setelah ketemu, ganti kode tersebut dengan kode dibawah ini.
  4. <div class='comments' id='comments' style='max-height:960px;overflow:auto;'>
  5. Karena kode <div class='comments' id='comments'> ada 2 ditemplate. Ganti kedua2 nya dengan kode diatas. 
  6. Selanjutnya save template, selesai.
Keterangan Kode:  max-height:960px untuk mengatur tinggi kotak komentar yang akan ditampilkan. Dan overflow:auto; ini kode scroll nya,  scroll akan muncul ketika kotak komentar sudah melebihi max-height yang sudah kita atur.
Kotak scroll diatas berfungsi untuk mempersingkat tampilan komentar blog. Ketika artikel kita sudah mempunyai komentar yang banyak, maka komentar yang akan terlihat pertama kali hanya sebatas dari tinggi kotak yang telah kita atur. Pada saat discroll kebawah, maka komentar lain akan muncul, dan komentar2 yang pertama akan disembunyikan. Jika di scroll lagi ke atas, maka komentar yang disembunyikan tadi akan muncul kembali, jadi semua komentar tetap ada, hanya tampilannya saja yang kita persingkat.

Dengan memasang kotak scroll di kotak komentar blog, maka loading blog akan lebih cepat, jika dibandingkan harus membuka semua komentar2 yang ada pada suatu artikel. Jika artikel kita belum ada komentar, maka scroll pun tidak akan terlihat. Scroll hanya akan muncul ketika komentar di artikel kita sudah banyak, atau sudah melebihi tinggi kotak komentar, seperti penjelasan saya di keterangan kode.

Itulah sedikit tips dan trik tentang cara memasang scroll di kotak komentar blog, silakan baca tips dan trik lainnya yang dapat kita gunakan diblogspot, seperti cara mempercepat loading blog agar lebih mudah untuk dibuka, atau cara menuliskan pangkat di blog seperti ini 28 dan artikel lain2nya.  
Semoga bisa bermanfaat untuk anda.

    COMMENTS

    Nama

    Android Desain Blog Game Header HTML dan CSS Internet Kotak Komentar Menu Desain Microsoft Excel Microsoft Word Post Seo Sidebar Software Tips dan Trik Tutorial Blog Widget
    false
    ltr
    item
    Xiruz: Cara Memasang Scroll di Kotak Komentar Blog
    Cara Memasang Scroll di Kotak Komentar Blog
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSDJs935qEQoT7IgdygIOe8ZkiNNZUMFNQylj-QBx1vDne83OlE9CzzYihaXmXoaPlgcvHv7AU4_QeKNvZE43tGZYf_wYdHy2hSc01YZA42lgXcOUkrbDG_IH5dm4ABb1Q7Pd9sj70562/s1600/Scroll%20komentar.jpg
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSDJs935qEQoT7IgdygIOe8ZkiNNZUMFNQylj-QBx1vDne83OlE9CzzYihaXmXoaPlgcvHv7AU4_QeKNvZE43tGZYf_wYdHy2hSc01YZA42lgXcOUkrbDG_IH5dm4ABb1Q7Pd9sj70562/s72-c/Scroll%20komentar.jpg
    Xiruz
    https://xiruz-vip5.blogspot.com/2013/10/cara-memasang-scroll-di-kotak-komentar.html
    https://xiruz-vip5.blogspot.com/
    http://xiruz-vip5.blogspot.com/
    http://xiruz-vip5.blogspot.com/2013/10/cara-memasang-scroll-di-kotak-komentar.html
    true
    2851028177564598499
    UTF-8
    Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy