Artikel Terbaru :
Home » » Cara Mudah Membuat Scroll Di Area Komentar Blog

Cara Mudah Membuat Scroll Di Area Komentar Blog

Minggu, 03 Februari 2013 | 16komentar

Cara Mudah Membuat Scroll Di Area Komentar Blog
Scroll mempunyai menfaat tersenderi bagi para blogger terlebih untuk menghemat panjang pada suatu elemen seperti komentar . terkadang ketika kita menulis postingan dengan banyak komentar sehingga membuat tampilan harus megikuti panjang sekaligus menyesuaikan dengan banyak komentar yang ada. nah disinilah scroll berperan untuk menghemat element tersebut.


berikut cara membuat sroll area komentar blog :

1. Masuk ke Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget.
2. Cari kode ini : #comments h4{

3.  Copy Paste script  di bawah ini dan simpan sebelum"di atas" kode  #comments h4{


#comments { height:200px; overflow:auto; }

4.  setelah itu save, kemudian lihat hasilnya maka akan muncul seperti ini atau lihat di blog ini:


Catatan:  height:200 adalah panjang nya kolam anda bisa menggantinya sesusai ke inginan
Selamat mencoba semoga berhasil
Share this article :

ARTIKEL TERKAIT:

16 komentar:

  1. wah boleh dicoba nih,, thanks ya langsung dicoba nich..

    BalasHapus
  2. siap deh, bakal secepatnya dicoba. makasih banyak, gan :D

    BalasHapus
    Balasan
    1. sama" d tunnggu kunjungan selanjutnya :)

      Hapus
  3. wah, keren artikelnya gan.
    semoga sukses selalu. jangan lupa komen backnya di http://adeputra-pkp.blogspot.com

    BalasHapus
    Balasan
    1. thank's ..... you too, ok insyallah kan mampir

      Hapus
  4. mantap gan..
    sukses sya psang di blog sya..
    jika agan bersedia sya berminat sekali menjalin silahturahmi dg tuker link dg blog agan..
    sukses selaalu gan..

    BalasHapus
    Balasan
    1. ok link ada sudah terpasang thank's kerja samanya

      Hapus
  5. Ternyata tidak semua template terdapat script seperti itu, misalnya #comments h4{, bgm solusinya ?

    BalasHapus
    Balasan
    1. coba letakan code script nya di atas
      ]]>
      semoga berhasil

      Hapus
    2. Banyak sekali code scipt ]]>,...
      mohon penjelasan yang detail...

      Hapus
  6. wah mantapp nichhh
    thank's gan..

    BalasHapus
  7. koq punya saya gak da kode #comments h4{, padahal udah sya search pke ctrl+f trus2an tpi ttep gak muncul kode itu
    saya mohon penjelasan master

    makasih

    BalasHapus
  8. Mbak,, followback aq dunk,, udah aq follow blog Mbak,,
    makasi
    http://adeputrasuma.blogspot.com/

    BalasHapus
  9. makasih dah share gan kunjugan balik ny

    http://animefilm4you.blogspot.com/

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting