Dulu aku sangat tertarik ama yang namanya scroll pada widget di sidebar. Tapi aku bingung banget dimana mendapatkannya. Mau tanya ke teman teman selalu lupa terus..
Waktu melihat banyak banget blog teman yang membahas masalah text area, aku jadi inget masalah scroll pada widget yang aku cari cari itu..
Langsung aku googling, tapi gak dapet jawaban yang memuaskan. Akhirnya otakku yang kecil ini berfikir berfikir dan berfikir..
Aaaaaaaaaaaaahhhh. Belum nemu solusinya. Aduuuuuuuuuhhh..
Akhirnya aku buka blogku, rencananya mau jawab jawab komentar para sahabat. Mataku benar benar tertuju ke monitor yang sedang meloading halaman blogku..
Oiya, aku kan juga punya releats post yang menggunakan scroll, kenapa gak aku modifikasi aja biar bisa dipakai di widget sidebar. Langsung aja aku pergi ke halaman Edit HTML, lalu aku ambil javascript nya. Aku yakin, javascript nya pasti terletak pada pembukaan dan akhir saja, karena memang digunakan membungkus suatu widget. Setelah aku ambil script nya, langsung aku coba pada Widget Resent Comment..
Hasilnya:
Memuaskan, karena langsung berhasil. Hehehehehe. Jadi bangga ama diriku sendiri. Hehehehehe..
Untuk membuat scroll di atas aku menggunakan script :
Tapi ya emang namanya manusia, tetep kurang puas, “kenapa ada border nya?” fikirku dalam hati ini. Hatiku lantang berkata : “Perlu di rubah lagi nich”..
Akhirnya aku rubah lagi jadi seperti ini :
Untuk membuat scroll di atas aku menggunakan script :
Hehehehe, berhasil nich, tapi masih ada yang mengganjal nich di hati : “kok warnanya masih gak bisa menggunakan warna latar background ya? Perlu dirubah lagi nich.” Di sini aku sempat bingung bagai mana caranya, aku yakin banget, warna ini pasti terletak pada script nya, aku pandangin script nya baik baik. Terus aku coba rubah lagi, dengan menghapus beberapa data, dan jadinya seperti ini :
Ini baru memuaskan..
Hehehehehe..
Buat temen temen yang ingin menerapkannya pada widget yang bukan bawaan Blogger, silahkan gunakan script ini :
Kalau masalah scroll pada widget bawaan Blogger, tinggal manambahkan saja ke HTML nya, melalui Edit HTML, kalau gak ngerti, mungkin akan kita bahas lain kali ya?
Ntar postingannya kepanjangan malah gak ada yang baca..
Oiya hampir lupa, ada beberapa hal yang perlu diperhatikan :
height:250px : digunakan untuk mengatur tinggi, ukurannya bisa dirubah sesuka hati, mau 200px atau 150px terserah..
overflow:auto : biar aja auto, biar panjangnya di sesuaikan ama bidangnya, tapi kalau mau dirubah 200px atau 150px ya gak apa apa sich..
Semoga bisa sedikit membantu untuk yang lagi kebingungan..
Jangan pernah menyerah pada sesuatu, karena semua pasti ada jalan keluarnya..
Semangat ya..
NB : aku ini orangnya sangat pelupa, jadi harap maklum ya kalau ada blog temen temen yang belum aku kunjungin, atau ada email yang belum aku bales. Silahkan di protes aja, gak pa pa kok..
Waktu melihat banyak banget blog teman yang membahas masalah text area, aku jadi inget masalah scroll pada widget yang aku cari cari itu..
Langsung aku googling, tapi gak dapet jawaban yang memuaskan. Akhirnya otakku yang kecil ini berfikir berfikir dan berfikir..
Aaaaaaaaaaaaahhhh. Belum nemu solusinya. Aduuuuuuuuuhhh..
Akhirnya aku buka blogku, rencananya mau jawab jawab komentar para sahabat. Mataku benar benar tertuju ke monitor yang sedang meloading halaman blogku..
Oiya, aku kan juga punya releats post yang menggunakan scroll, kenapa gak aku modifikasi aja biar bisa dipakai di widget sidebar. Langsung aja aku pergi ke halaman Edit HTML, lalu aku ambil javascript nya. Aku yakin, javascript nya pasti terletak pada pembukaan dan akhir saja, karena memang digunakan membungkus suatu widget. Setelah aku ambil script nya, langsung aku coba pada Widget Resent Comment..
Hasilnya:
Memuaskan, karena langsung berhasil. Hehehehehe. Jadi bangga ama diriku sendiri. Hehehehehe..
Untuk membuat scroll di atas aku menggunakan script :
Tapi ya emang namanya manusia, tetep kurang puas, “kenapa ada border nya?” fikirku dalam hati ini. Hatiku lantang berkata : “Perlu di rubah lagi nich”..
Akhirnya aku rubah lagi jadi seperti ini :
Untuk membuat scroll di atas aku menggunakan script :
Hehehehe, berhasil nich, tapi masih ada yang mengganjal nich di hati : “kok warnanya masih gak bisa menggunakan warna latar background ya? Perlu dirubah lagi nich.” Di sini aku sempat bingung bagai mana caranya, aku yakin banget, warna ini pasti terletak pada script nya, aku pandangin script nya baik baik. Terus aku coba rubah lagi, dengan menghapus beberapa data, dan jadinya seperti ini :
Ini baru memuaskan..
Hehehehehe..
Buat temen temen yang ingin menerapkannya pada widget yang bukan bawaan Blogger, silahkan gunakan script ini :
Kalau masalah scroll pada widget bawaan Blogger, tinggal manambahkan saja ke HTML nya, melalui Edit HTML, kalau gak ngerti, mungkin akan kita bahas lain kali ya?
Ntar postingannya kepanjangan malah gak ada yang baca..
Oiya hampir lupa, ada beberapa hal yang perlu diperhatikan :
height:250px : digunakan untuk mengatur tinggi, ukurannya bisa dirubah sesuka hati, mau 200px atau 150px terserah..
overflow:auto : biar aja auto, biar panjangnya di sesuaikan ama bidangnya, tapi kalau mau dirubah 200px atau 150px ya gak apa apa sich..
Semoga bisa sedikit membantu untuk yang lagi kebingungan..
Jangan pernah menyerah pada sesuatu, karena semua pasti ada jalan keluarnya..
Semangat ya..
Wahwahwah, udah pinter ya mas Dan ini. Salut dch
BalasHapussaya bungkus ya mas...
BalasHapuskalo nyari ke rumah saya
kakakka...
tak bungkus yho..sing pedes karet abang, soyo pinter ae anak ini
BalasHapusTERIMA KASIH SEMUA :
BalasHapus# MAS BIBIT : Ah ini kan biasa biasa aja mas, bukannya mas yang pinter..
# MAS SURYADEN :
Wuakakakakakakkkk..
wah, salah menggunakan kata kata nich, jadi di ejekin terus..
xixixixixiiiiiii..
# CEBONG :
Aku arep takon dirimu isin bong (padahal lali lali teros)..
hehehehe
jaremu kon trial n error..
ekekekekekekekekkkkk..
nice post
BalasHapusBagus mas, nt tak temenin utak utik lagi
BalasHapusrampadan dah bikin tutorial widet ,..... keren euiii...
BalasHapussaya jg kadang lupa kunjungi blog temen.
BalasHapusBTW, postingan punya mu makin ilmiah aja.
thanks tutorialnya,
BalasHapuskalau saya elmunya blom sampai berani utak-atik seperti anda, karena yang pernah terjadi malah kafiran... :D
Wehhh keyen... dadi langsung praktek, sembari mencuci uang..loh loh...
BalasHapusLinknya aku pasang yah... thanks.
Komentar ini telah dihapus oleh pengarang.
BalasHapusTERIMA KASIH SEMUA :
BalasHapus# RIAN :
Thanks..
# PENCERAH :
Ayooooo..
# SANG PENYAMUN :
Hehehehe
Bisa bisa aja mas ini..
# MAS ANAS :
Hehehehe
Maaf ya mas kalau saya belum mampir ke t4 sampeyan, ntar aja ya kalau udah update ya, sekalian gt..
# SIBAHO :
Dulu blog Q juga pernah ancur gara gara masang widget yg gak sesuai ma template nya..
Itu pelajaran berharga buat Q..
# THE DEXTER :
Iya mas, ntar aja aq link back, soalnya nich lg pakai hape..
fiuh syukurlah akhirnya ketemu jga, besok2 lupa lagi aja yah hehehe
BalasHapusoke..oke..oke..
iyah aq kagak paham......
BalasHapustolong jelaskan yah...
apa kegunanya.....
ikutan bungkus ilmunya...harap ditransferkan Suhu!!
BalasHapustrus gman car pasangnya so aq coba pasang tadi tapi hasilnya erorr.......
BalasHapusTERIMA KASIH SEMUA :
BalasHapus# WENDY : hehehehehe
# KATOBENGKE :
Ini di gunakan untuk menghemat area pada sidebar..
kalau punya widget yang panjang ke bawah, bisa di pendekin pakai ini..
# ANNA :
Ambil sendiri ya Jeng Anna..
Terima Kasih KATOBENGKE :
BalasHapusSilahkan ambil script nya pada box text area itu..
nah pada <---SCRIPT DARI WIDGET YANG AKAN DI PASANG SCROLL---> silahkan ganti dengan script widget nya..
pelupa kok dipelihara kikikiki *piss, ampuun*
BalasHapusmantaBb ni tutonya, maksih bung inpone
# Terima Kasih EROS :
BalasHapusGimana kalau kamu aja yang pelihara Ros?
Aku udah kelamaan nich meliharanya..
Hehehehe
Sami sami bro..
aduh terima kasih aku juga lagi cari ini artikel(masalah scroll) udah seminggu.suwun.
BalasHapus# efnu : sama sama..
BalasHapusWah hebat, Tutor yang sangat bermanfaat, Langsung ditiru ah.
BalasHapusKapan-kapan di ajari yang lainnya yah?
# terima kasih arqu3fiq : okey..
BalasHapushalo, ini mah blog yang saya cari-carai
BalasHapussilahkan ambil.
BalasHapusTerima Kasih Atas Ilmunya...
BalasHapusUndangan Terbuka, Kunjungi Vitalysite Cafe (Cafe Online) ... (((NEW CONCEPT)))
Good info.. dicoba yak
BalasHapusmantab bro....tapi gue telat koment nich.....
BalasHapus