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
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
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:
Semoga bermanfaat. Saya akan datang lagi nanti dengan postingan bukan request yang akan sangat Anda tunggu.
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.
njijal ah............
BalasHapusmantep mantep mas..... thanks tutorialnya...
BalasHapuswah mantp tapi kleihatan gk professional mas doy
BalasHapusMakasi tipsnya mas. Perlu juga buat ngirit panjang sidebar.
BalasHapusnice post mas....
BalasHapus^__^
syukron ^__*
Mas... Request dari saya mana? (Bikin kotak komentar kayak punya mas doyok?)
BalasHapusLanjutkan mas tutorial serunya . . . he..3x
BalasHapusMakasih untuk tipsnya mas doyok, kebetulan aku dah pake scroll di postingan. soalnya kalau ga pake scroll postingannya panjang banget...
BalasHapuscontoh blog yang pake model seperti itu mana mas?
BalasHapusmari belajar bersama....
BalasHapusmas tanya sedikit nih?!?!? untuk scrool pada postingan berarti tidak perlu bikin kode readmore lagikan karena tiap postingan sudah ada scrollnya begitu ya mas????
BalasHapusthanks untuk infonya!!!!!
hahaha
BalasHapussemakin mengukuhkan niatku untk membuat scrolling pada postingan di blogspot..
makasih banyak mas doy,sangat bermanfaat.yakin mas....
nice posting mas,wah mantabh nih ta,pilan iklannya baru.waokwokaowk..maksudnya harga anak sekolah apa coba? harga anak sekolah 5rb loh.woaowkoakw
BalasHapusBagus mas doyok..salam kenal..sukses selalu...
BalasHapusmas doy,bantu saya keg. alexa saya tidak stabil. abis 409 ke 427 bsoknya lagi 410 besoknya 423rb. pusing g bisa nyentuh 300rb.tips please
BalasHapusNITIP LAPAK
CARA MEMBUAT EMOTICON KASKUS DI BLOGSPOT
mas, caranya bikin sitemap itu gimana mas?
BalasHapusplis dibales donk mas....
@ 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:
BalasHapus1. 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
Manusia Komputer tiap hari ga budrek po mas doy sinau css????
BalasHapusTursuwun sanged
aq coba dulu d blog q yg satunya lagi yh mas doy.... trima kasih atas pelajarannya
BalasHapus@2613353424342833822.0
BalasHapussilahkan kamu baca ini
http://www.masdoyok.co.cc/2009/12/submit-sitemap-google-webmaster-tools.html
@7948202401807072560.0
BalasHapusya 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
INFONYA MENARIKS SEKALI MAS DOYOK...
BalasHapusSANGAT MEMBANTU NIH...
@cah n
BalasHapussemoga berhasil ya
@firex
BalasHapusterima kasih juga ya kunjungannya
@alex
BalasHapusbelum tentu
kalau bisa modif malah jadi bagus
@dunia
BalasHapussilahkan mas bisa dicoba :D
@piet
BalasHapusmakasih makasih ya
silahkan ditelan artikelnya
@pepi
BalasHapussudah saya psot lama kok
ini
http://www.masdoyok.co.cc/2010/02/modifikasi-kotak-komentar-dengan-reply.html
@aditx
BalasHapusoke
silahkan dinikmati
@merawat
BalasHapussipp
silahkan digterapkan mas
@jopi
BalasHapusya uang saku anak sekolah sekarang banyak banyak kan
@8565326805885537158.0
BalasHapusuang saku anak sekolah sekrang banyak banyak kan
@najib
BalasHapussalam kenal juga
makasih kunjungannya
semoga Anda juga sukses
@7203136969644567699.0
BalasHapusbanyak kamu baca saja seri alexa di blog saya
@gus
BalasHapushehehe iya nih gus
@rizky
BalasHapusoke semoga bermanfaat ya
@herman
BalasHapusoke semoga bermanfaat
Hatur thnaks
BalasHapusgimana mas aq masih bingung,tambah rusak web aq
BalasHapusmumet mas,masih bingung
BalasHapusthanks mas...http://theyandy.blogspot.com/
BalasHapusmatur nuwun kang infonya
BalasHapusmasih sangat membingungkan, sudah di coba gak bisa nih, semoga ada alternatif lain, thx for the sharing
BalasHapusMasa sesimpel itu mas?
BalasHapushehehe.... baru newbie nih :D
kalau ndak bisa mungkin sidebarnya lebih pendek dari 500 px kan itu otomatis nyusutin jadi 500 px angkanya bisa diubah
BalasHapusketemu mas doyok lagi...tq mas
BalasHapusmakasih sob.. kalo untuk wp gimana ya>?
BalasHapusTerimah Kasih Boz Atas Info nya,,,,,,,,,,,
BalasHapuswah boleh dicoba nih, thank's mas doyok atas tutorialnya
BalasHapustrims tipsnya...
BalasHapusmas kalo,yang script ada ga..thx
BalasHapusTips yang bermanfaat... trimakasih...
BalasHapus