Minggu, 01 Februari 2009

Scroll Pada Widget di Sidebar Blogspot ( Blogger )

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..
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..

29 komentar:

  1. Wahwahwah, udah pinter ya mas Dan ini. Salut dch

    BalasHapus
  2. saya bungkus ya mas...
    kalo nyari ke rumah saya
    kakakka...

    BalasHapus
  3. tak bungkus yho..sing pedes karet abang, soyo pinter ae anak ini

    BalasHapus
  4. TERIMA KASIH SEMUA :
    # 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..

    BalasHapus
  5. Bagus mas, nt tak temenin utak utik lagi

    BalasHapus
  6. rampadan dah bikin tutorial widet ,..... keren euiii...

    BalasHapus
  7. saya jg kadang lupa kunjungi blog temen.
    BTW, postingan punya mu makin ilmiah aja.

    BalasHapus
  8. thanks tutorialnya,
    kalau saya elmunya blom sampai berani utak-atik seperti anda, karena yang pernah terjadi malah kafiran... :D

    BalasHapus
  9. Wehhh keyen... dadi langsung praktek, sembari mencuci uang..loh loh...
    Linknya aku pasang yah... thanks.

    BalasHapus
  10. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  11. TERIMA KASIH SEMUA :
    # 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..

    BalasHapus
  12. fiuh syukurlah akhirnya ketemu jga, besok2 lupa lagi aja yah hehehe
    oke..oke..oke..

    BalasHapus
  13. iyah aq kagak paham......
    tolong jelaskan yah...
    apa kegunanya.....

    BalasHapus
  14. ikutan bungkus ilmunya...harap ditransferkan Suhu!!

    BalasHapus
  15. trus gman car pasangnya so aq coba pasang tadi tapi hasilnya erorr.......

    BalasHapus
  16. TERIMA KASIH SEMUA :
    # 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..

    BalasHapus
  17. Terima Kasih KATOBENGKE :
    Silahkan ambil script nya pada box text area itu..
    nah pada <---SCRIPT DARI WIDGET YANG AKAN DI PASANG SCROLL---> silahkan ganti dengan script widget nya..

    BalasHapus
  18. pelupa kok dipelihara kikikiki *piss, ampuun*
    mantaBb ni tutonya, maksih bung inpone

    BalasHapus
  19. # Terima Kasih EROS :
    Gimana kalau kamu aja yang pelihara Ros?
    Aku udah kelamaan nich meliharanya..
    Hehehehe
    Sami sami bro..

    BalasHapus
  20. aduh terima kasih aku juga lagi cari ini artikel(masalah scroll) udah seminggu.suwun.

    BalasHapus
  21. Wah hebat, Tutor yang sangat bermanfaat, Langsung ditiru ah.

    Kapan-kapan di ajari yang lainnya yah?

    BalasHapus
  22. halo, ini mah blog yang saya cari-carai

    BalasHapus
  23. Terima Kasih Atas Ilmunya...

    Undangan Terbuka, Kunjungi Vitalysite Cafe (Cafe Online) ... (((NEW CONCEPT)))

    BalasHapus
  24. mantab bro....tapi gue telat koment nich.....

    BalasHapus

Disini gak dilarang berkomentar, jadi silahkan berkomentar..
Monggooo..