Jika sobat membaca tiga tulisan sebelumnya, yakni: Membuat Scroll Pada Bloglist, Membuat Scroll Pada Linklist, dan Membuat Scroll Pada Label, pasti dapat menyimpulkan bahwa cara untuk membuat scroll pada gadget blogger/blogspot adalah sama, yaitu dengan cara menambahkan perintah overflow pada kode <div class='widget-content'>. Demikian juga jika kita membuat scroll pada blog archieve ini.
Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.
Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
Ok, segitu aja sob. Semoga tidak bosen dengan bahasan yang itu-itu melulu, hehehe...
Selamat mencoba....
Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.
Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
- Dari halaman dasbor, klik Tata Letak - Edit HTML.
- Beri tanda centrang pada Expand Template Widget.
- Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3).
- Perhatikan kode yang ada di bawahnya, seperti ini:
<b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='ArchiveList'> - Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
<b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content' style='overflow:auto; height:200px'> <div id='ArchiveList'> - Atur ukuran tinggi (height)-nya sesuai kebutuhan.
- Simpan hasil editing ini dan ucapkan Alhamdulillah.....
Ok, segitu aja sob. Semoga tidak bosen dengan bahasan yang itu-itu melulu, hehehe...
Selamat mencoba....
98 komentarPosting Komentar
Aku kemarin baru belajar utk pasang scroll tuk beberapa widgetku. ^_^
salam...wah bgs la n3 kali nih. terima kasih kerana berkongsi.
Trims Bang, tips dan trik nya hampir semua yang di Nuansa Pena dari sini!
Guys,
Support The Earth Hour, by turning off all the electricity for an hour on Saturday, March 27'th 2010, 8.30 pm.
Dukung The Earth Hour, dengan mematikan semua lampu dan listrik selama 1 jam, pada hari Sabtu, 27 Maret 2010 mulai dari jam 20.30 malam.
This is the least we can do....
Love the Earth...
Ninneta
@Rep Reni:
Ayo semangat mbak, hehehe...
@Rep Kinakoyu dan Nuansapena:
Sama-sama sob, kembali kasih...
@Rep Ninneta:
Insya Allah... Aku setuju tuh mbak
Good info. Langsung ke TKP...
wah tambah sip saja kang enes
wah keren nieh kotak komentarnya...
gmn sich caranya biar ada kotak komtarnya isi kayak begitu????
bagi ilmu donk sob...
@Rep Kang Tejo:
Malu nih dipuji master. Biasa kang, siip tapi berat, hehehe...
@Rep Ramayu:
Mas bisa baca artikel Membuat Scroll Pada Blok Komentar dan Menampilkan Avatar MyBloglog Pada Blok Komentar
Terima Kasih Infonya! Saya pemula sekali... sangat membantu....
wah mantab gan infonya
keren banget sih blog lo kapan ya blog gw
bisa sekeren ini blognya-sensei.blogspot.com
scrollnya berhasil......
thanks infonya boz..........
:)
ta* bagt sih blog ini
wah
cuma mo ngrcopy aja biar cepet malah gx boleh. dasar pelit
makasi informasinya mas ..
blog saya masih amburadul ..
mohon bantuannya ....
maaf bos, saya cuma mo bilang klo link nya dah q taruh di blog q. bis nya nda da posting khusus buat "Tukar Link" jadi numpang disini degh (berhubung Post nya Menarik) heheheheee... cekidot yah bos di
http://nandakrenz.blogspot.com/2010/09/blogroll-friends-blog.html
sip neh bang.. thanks..
thanx, tipnya
sangat membangun sekali
http://purwantoaries.co.cc
Salam Kenal... Thanks Infonya..
Blognya bagus ya makasih info2nya...
Waduuh, saya coba ikuti petunjuk di atas, tapi pas di simpan muncul kalimat begini:
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".
Tah, Eta maksudnya apa ya.. jadi pusing, maklum baru belajar buat blog. mohon petunjuknya ya
berhasil, jadi lebih rapi dan ga banyak makan tempat lagi.
thanks
yangcongcheng.blogspot.com
HADIR........................
G bisa nich...
MAKASIH BOS....
maaf sob,, link kmu udah dipasang di blog saya .. tukeran link yuk ?
http://acernoval.blogspot.com
mas, gimana cara atur lebarnya?
terimakasih triknyamas...
http://mantex-takberjudul.blogspot.com
berhasil om tks infonya..........
makasih infonya sangat membantu menjadikan blog ku tidak berantakan lagi.
thanks ya infonya sangat membantu memperbaiki blog ku.
Salam kenal pak dari saya ...
Tak tunggu kunjungan baliknya .
200px terasa kurang panjang, niatnya mo diganti ke 600px, tapi kok pas balik 'widget-content'nya udah ilang.. gmn cara editnya? help*
KK.. keren kk..!
gak bisa gan ,,
Rame amat brow
hatur nuhun kang ,, makasih bnyk ...
hhee
thank ya atas infonya...
kalau mengatur lebarnya gimana ya
thanks mas triknya mantab...
Terimakasih tas infonya,,sebagai pemula sangat terbantu dengan post2 akang,,,,
makasih banget artikelx,,,
ngebantuin sekali,,,,
Wah makasih banyak buat infonya,...
Arsip blog say sdh Gk manjang kebwah lagi n' lebih rapih....
Salam Terimakasih dari Dayat's Artikel
matur suwun mas bro infonya
berhasil.......... thanks y
Salaam. Terima kasih banyak! post yang sangat membantu. tips yang sangat keren. Keep it up and all the best :)
Woww! cantik lah...terima kasih tutorialnya ya..:) follow sini
sya nemu banyak ilmu di blog ini, saya psang banner nya sob, psang balik ya
Makasih ya gan info xa,.... thanks.! Ohya jangan sungkan2 ya mampir di blog saya,,,,, pintu blog saya selalu terbuka buat agan hehehehhe..........
thnkz bwt infonya... :)
maksih sob.. ini tips yang saya cari.. :-)
@elang:
Mungkin expand template widget-nya belum dicentrang sob. Coba dicentrang dulu, baru dicari
Mantap gan...ini yang saya cari2 heheheeee
di tunggu kunjungan baliknya gan :)
makasih bro!sekali sekali mampir ke blog saya ya?
http://seablue38.blogspot.com/
thanks atas ilmunya gan..
thnkz bwt infonya gan...
thank's sob tutornya berguna banget salam kenal oh iya jangan lupa kunjungi balik ya,...
Mantab gan bermnfaat...haturnuhun,diantos kasumpingana di saung sawah nu kara dibangun...
Thx infonya gan :D baca3 blog saya ya hayhayhaha.blogspot.com
terimakasih..Kunjungi http://GuDangdutKoplo.blogspot.com/ GUdangnya Download Mp3 Dangdut Koplo Terbaru..Asololey!!!
wah,,punya ane ko gagal terus kenapa ya Om??
www.senjang.blogspot.com...kunjungi yah D:
blognya bagus mas, kaya professional. thanks tutorialnya..
Terima Kasih banyak Kunjungi blogku ya d-t3xfa.blogspot.com
makasih byk infonya...
kren..gan
tkhs ya infonya
d tunggu kunjungannya
http://angsabidu.blogspot.com/
wah makasih gan .. . . sangat membantu
terima kasih atas ilmunya, gan. ijin bookmark.
thnks banget kang alhamdulillah haha
Berhasil Gan
mantab nih, langsung praktek gan. matur tengkyu
makasi gan infonya.
berguna banget.
makasih banyak infonya, ijin untuk mencobanya!!
makasih tutorialnya sob... ijin nyoba...
mkasih mas infony,,
ijin nyba ea..!!!!!
matur nuhun,,,,,,,,,,,,
alhamdulillah, aku bisa juga ngikutin kaka. tnx ka. main2 ke blog aku yang masih amatiran ya. hehe
di nha4fun.blogspot.com ditunggu follownya.:)
aku baru punya blog ni. (baru belajar) nyari2 cara bikin scroll nyampe kesini. artikelnya sangat membantu. terima kasih
puna saya kok kluar ini
Galat saat mengurai XML, baris 2216, kolom 81: Element type "b:widget" must be followed by either attribute specifications, ">" or "/>".
samal kenal...makasih ea udh mw berbagi ilmu.... :)
waah bagus nih coba dulu aaahh. thanks brooo :D
terima kasih yak... infonya bermanfaat
sekalian ngiklan ya^^
aq jual souvenir pernikahan murah meriah nih
mampir n follow y guys www.entungsouvenir.blogspot.com
makasih infonya...sangat bermanfaat...like this...
Kx Gx bisa tampil bang?!
kunjungan balik ya ke blog saya http://jalanbersamalimare.blogspot.com
kok tidak biasa yah, ada tulisan eror "style" parse eror.
tolong bantuannya yah
http://softwareku4u.blogspot.com
terima kasih atas informasi yang sangat membantu dan menarik.... http://www.semangatinspirasi.blogspot.com/
blog ane jadi tambah bagus gan
.
mantap
.
kunjungi
http://enchenhufara@blogspot.com/
Wow makasih info nya!saya sangat mencari-cari info ini.
http://kimmatsuo.blogspot.com
hatur nuhun kang infonya.. eleh'' meni alus eta postingan jadi kabita simkuring.. klo begitumah ane comot saalit nya.. salam kenal we lah ti nu awam yeh.. jhehehehe trus berkarya..
Mantap bang artikelnya, bila berkenan abang kunjungi blog baru nyoba saya saya minta sarannya di http://share-amal.blogspot.com
baru buka blognya ,,
makasih kang buat infonya ,,
bermanfaat banget nih buat saya ,, :)
terima kasih infonya, gan. salam persahabatan
terimakasih gan info yg bagus izin bookmarks
http://duniaku.netne.net
terimakasih gan info yg bagus izin bookmarks
http://duniaku.netne.net
makasih infonya gan
SALAM KOMPAK SOB...
Udah saya coba dan work, salam kenal ya gan :D
Nitip link gan
1. http://foto-indonesia-sexy-model.blogspot.in/2015/09/foto-sexy-jelly-jelo-sambil-tidur.html
2. http://ekosutris.blogspot.co.id/2015/12/kumpulan-foto-terbaru-kim-kardashian-hot-abiss.html
3. http://ekosutris.blogspot.co.id/2015/12/foto-selfie-terbaru-nisa-beiby-terbaru-yang-sexy.html
Foto terbaru pamela safitri (duo serigala) :
1. http://foto-indonesia-sexy-model.blogspot.co.id/2015/08/galeri-foto-selfie-pamela-safitri-duo-serigala-dengan-kaos-merah-tipis.html
2. http://foto-indonesia-sexy-model.blogspot.co.id/2015/09/sering-mandi-bareng-ovi-tahu-payudara-asli-pamela.html
Foto Jelly Jelo sexy model 2016:
1. http://foto-indonesia-sexy-model.blogspot.co.id/2016/01/foto-jelly-jelo-pakai-bikini-yang-membuat-mata-anda-tak-berkedip.html
2. http://foto-indonesia-sexy-model.blogspot.co.id/2016/01/foto-bukti-jelly-jelo-penggemar-bulls.html
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.