Membuat Scroll Pada Sidebar atau Postingan

Request... request... sampai postingan ini dibuat masih ada 6 posting request yang belum saya bahas. Kali ini membahas trik sederhana tentang membuat scroll untuk are postingan dan sidebar. Salah satu solusi bagi Anda yang memiliki terlalu banyak widget di sidebar sehingga sidebar Anda terlalu panjang ke bawah dan tak seimbang dengan panjang postingan.


Atau sebaliknya Anda hanya memiliki sedikit widget dengan isi postingan yang sangat panjang. Anda bisa membuat scroll untuk keseluruhan bagian sidebar Anda atau postingan Anda. Atau Anda bisa memasang untuk keduanya sehingga tinggi sidebar dan postingan akan selalu sama. Caranya pun sangat mudah.

1. Silahkan login ke blogger
2. Tata Letak
3. Edit HTML

Untuk membuat scroll pada sidebar cari kode
.sidebar {
.............
.............
}

titik-titik adalah kode css yang sangat beragam setiap template yang tidak saya tulis. Anda cukup menambahkan kode di bawah ini di bagian css sidebar tersebut, sisipkan di tengahnya
height:500px;
overflow:auto;

Yang berwarna merah adalah tinggi. Anda bisa menentukannya sendiri. Jika sudah segera simpan template Anda.

Untuk Scroll Postingan
Sebenarnya tentang scroll postingan sudah saya bahas tuntas di Blog Konsultasi: Tentang Scroll
Namun kali ini mari kita jelaskan singkat. Secara garis besar caranya sama dengan langkah pembuatan di sidebar. Namun kode tambahan disisipkan di css berikut:
.post {
........................
......................
}

Semoga bermanfaat. Saya akan datang lagi nanti dengan postingan bukan request yang akan sangat Anda tunggu.

Komentar

  1. mantep mantep mas..... thanks tutorialnya...

    BalasHapus
  2. wah mantp tapi kleihatan gk professional mas doy

    BalasHapus
  3. Makasi tipsnya mas. Perlu juga buat ngirit panjang sidebar.

    BalasHapus
  4. Mas... Request dari saya mana? (Bikin kotak komentar kayak punya mas doyok?)

    BalasHapus
  5. Lanjutkan mas tutorial serunya . . . he..3x

    BalasHapus
  6. Makasih untuk tipsnya mas doyok, kebetulan aku dah pake scroll di postingan. soalnya kalau ga pake scroll postingannya panjang banget...

    BalasHapus
  7. contoh blog yang pake model seperti itu mana mas?

    BalasHapus
  8. mas tanya sedikit nih?!?!? untuk scrool pada postingan berarti tidak perlu bikin kode readmore lagikan karena tiap postingan sudah ada scrollnya begitu ya mas????

    thanks untuk infonya!!!!!

    BalasHapus
  9. hahaha
    semakin mengukuhkan niatku untk membuat scrolling pada postingan di blogspot..

    makasih banyak mas doy,sangat bermanfaat.yakin mas....

    BalasHapus
  10. nice posting mas,wah mantabh nih ta,pilan iklannya baru.waokwokaowk..maksudnya harga anak sekolah apa coba? harga anak sekolah 5rb loh.woaowkoakw

    BalasHapus
  11. Bagus mas doyok..salam kenal..sukses selalu...

    BalasHapus
  12. mas doy,bantu saya keg. alexa saya tidak stabil. abis 409 ke 427 bsoknya lagi 410 besoknya 423rb. pusing g bisa nyentuh 300rb.tips please


    NITIP LAPAK

    CARA MEMBUAT EMOTICON KASKUS DI BLOGSPOT

    BalasHapus
  13. mas, caranya bikin sitemap itu gimana mas?
    plis dibales donk mas....

    BalasHapus
  14. @ tetap belajar,saya akan mencoba membantu. langsung aja ke https://www.google.com/webmasters/tools/ terus tambah situs kamu di situ. lalu ka,u ke add sitemap terus masukkan kode kode berikut satu per satu:
    1. Rss.xml
    2. atom.xml
    3. feeds/posts/default
    4. feeds/posts/default?alt=rss
    5. feeds/posts/default?orderby=updated


    itu adalah yang saya dapat dari beberapa master blogger.semoga mmbantu

    BalasHapus
  15. Manusia Komputer tiap hari ga budrek po mas doy sinau css????
    Tursuwun sanged

    BalasHapus
  16. aq coba dulu d blog q yg satunya lagi yh mas doy.... trima kasih atas pelajarannya

    BalasHapus
  17. @2613353424342833822.0
    silahkan kamu baca ini

    http://www.masdoyok.co.cc/2009/12/submit-sitemap-google-webmaster-tools.html

    BalasHapus
  18. @7948202401807072560.0
    ya perlu juga
    tapi kalu gak ya gak papa
    tapi tetep aja menurut saya dikasih karena biar enteng

    dan ini sdcroolnya bukan perpost tapi scroll psot area, jika di homepage ditampilkan 5 post, ya 5 post itu jadi satu dalam satu kotak dgn scroll ini

    BalasHapus
  19. INFONYA MENARIKS SEKALI MAS DOYOK...
    SANGAT MEMBANTU NIH...

    BalasHapus
  20. @firex
    terima kasih juga ya kunjungannya

    BalasHapus
  21. @alex
    belum tentu
    kalau bisa modif malah jadi bagus

    BalasHapus
  22. @dunia
    silahkan mas bisa dicoba :D

    BalasHapus
  23. @piet
    makasih makasih ya
    silahkan ditelan artikelnya

    BalasHapus
  24. @pepi
    sudah saya psot lama kok

    ini

    http://www.masdoyok.co.cc/2010/02/modifikasi-kotak-komentar-dengan-reply.html

    BalasHapus
  25. @merawat
    sipp
    silahkan digterapkan mas

    BalasHapus
  26. @jopi
    ya uang saku anak sekolah sekarang banyak banyak kan

    BalasHapus
  27. @8565326805885537158.0
    uang saku anak sekolah sekrang banyak banyak kan

    BalasHapus
  28. @najib
    salam kenal juga
    makasih kunjungannya
    semoga Anda juga sukses

    BalasHapus
  29. @7203136969644567699.0
    banyak kamu baca saja seri alexa di blog saya

    BalasHapus
  30. gimana mas aq masih bingung,tambah rusak web aq

    BalasHapus
  31. thanks mas...http://theyandy.blogspot.com/

    BalasHapus
  32. masih sangat membingungkan, sudah di coba gak bisa nih, semoga ada alternatif lain, thx for the sharing

    BalasHapus
  33. Masa sesimpel itu mas?
    hehehe.... baru newbie nih :D

    BalasHapus
  34. kalau ndak bisa mungkin sidebarnya lebih pendek dari 500 px kan itu otomatis nyusutin jadi 500 px angkanya bisa diubah

    BalasHapus
  35. ketemu mas doyok lagi...tq mas

    BalasHapus
  36. makasih sob.. kalo untuk wp gimana ya>?

    BalasHapus
  37. Terimah Kasih Boz Atas Info nya,,,,,,,,,,,

    BalasHapus
  38. wah boleh dicoba nih, thank's mas doyok atas tutorialnya

    BalasHapus
  39. mas kalo,yang script ada ga..thx

    BalasHapus
  40. Tips yang bermanfaat... trimakasih...

    BalasHapus

Posting Komentar

Postingan Populer