DropDown Background Changer

DickeyPic
Setelah 7 bulan saya mencoba bereksperimen membuat widget mini seperti ini, ternyata banyak yang suka dan minta tutorialnya. Baiklah, sekarang saya share. Maaf menunggu lama, niatnya nggak saya share :P Masa semua hasil eksperimen di bagi-bagi mulu? Mau dikata pelit biarin ajah. Terlanjur banyak yang ngintip source kodenya dan udah banyak yang membajak scriptnya, yaudah saya share sekarang. Buat para plagiat, sampai kapan mau ngerugiin orang lain? :P
Dropdown background changer, fungsi widget ini adalah mengubah background kamu dengan dropdwon. Kalau masih penasara, demonya lihat dibawah ini, coba saja ganti backgroundnya:


Jika kamu juga ingin memasangnya, silahkan copy saja kode dibawah ini, tentunya kamu edit dulu...
<select onchange="DADchangebgi(this.value);" name="DADcbgc" title="Change Background Image" width="175" height="30">
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 1</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 2</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 3</option>

</select>
<script src="http://dickeymaru.googlecode.com/files/DADbgchanger.js" type="text/javascript"> </script>
  • Untuk kode yang berwarna biru, itu kamu ganti dengan nama backgroundnya.
  • Sedangkan kode yang berwarna merah, kamu ganti dengan URL gambarnya yang akan dijadikan background.
  • Jika kamu ingin menambah backgroundnya, cukup kamu tambahkan kode dibawah ini:
    <option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background</option>
    Lalu letakkan diatas kode yang berwarna hijau. Begitu seterusnya jika kamu ingin menambah lagi.
Bagaimana? Cukup mudah kan? Silahkan dipakai ==v Tapi tolong yang copas jangan lupa sertakan sumber. Siapapun tidak suka artikelnya di copy tanpa mencantumkan sumbernya. Keep blogging n be friendly blogger...
Comments

69 comments:

  1. thanks ya.... dari dulu saya penasaran pengen kaya gitu

    ReplyDelete
  2. mestiny gk ush di kasi tw.

    gw tany aja, lu blg kalo scriptny susah,
    lu blg kalo, biar blog lu beda dr yg laen

    ReplyDelete
  3. hapus aja trik ny, biar mereka mikir sendiri cara bikin kyk gt an.

    gw aja ampe pusing nyelipin url, bikin kyk gt an

    ReplyDelete
  4. waah keren soob,,nih yang saya tunggu2 dari kemareen thank'z yah tutorial nya

    ReplyDelete
  5. [Reply to: Eggy Prayogia] Hehe, udah gak penasaran kan.... :a:

    [Reply to: DoFOLLOW] lu berisik amat, trus sekarang mau loe apa?
    Yang nemuin & bikin trik ini yg pertama kan gw, trus ngapain lu nglarang gw pasang trik buatan gw sendiri? Lagian, lu mikir susah utuk bikin trik ini kan juga gara-gara ngliat punya gw yang udah jadi,
    Seandainya gw gak pernah bikin trik ini, lu juga gak akan pernah mikirin cara bikin trik ini,
    kesimpulannya tetep aja lu mikir karena dapet inspirasinya dari punya gw,
    trus ngapain lu sekarang ngomel-ngonel, seakan-akan lu yang bikin trik ini. Dasar!

    [Reply to: ishaL] ok ok :a:

    [Reply to: Gakarian Indonesia] hehe, thanks ya :a:

    [Reply to: _CaesarVraseaC_] hehe,, okeh,, :a:

    ReplyDelete
  6. thanks ya,, terus share trik triknya,, ^^

    follow blog saya juga
    http://trisnakaze.blogspot.com :a:

    ReplyDelete
  7. gan kok yg gw backgrounnya gk keliatan semua...?
    nih liat aja http://ankers354.blogspot.com/

    ReplyDelete
  8. [Reply to: ahmadrijal mf m] hehe, makasih :a:

    [Reply to: Trizna the hiruma-yuki] ok, ntar aku follow

    [Reply to: Blog An'kers] keliatan kok, cuman blog kamu agak berat loadingnya, jdi keluarnya lama,

    ReplyDelete
  9. [Reply to: Dark Ard Deidara]

    bukan itu maksud saya gan..
    tapi gambar yg ditengahnya tu loh kok gak keliatan...
    gambar nya kok gak keliatan kaya gambar backgroundnya agan..

    ReplyDelete
  10. arggh,,
    Dark ard,, template aku ga transparant jadi ga bisa pake.. :f:

    gimana cara transparanin kyak punya kmu dark ard.. :f:

    ReplyDelete
  11. huhuhu akhirnya dah 1 bulan nunggu di share juga caranya..
    :i:

    blog gue gak ada apa-apanya sama blog agan mah..
    :f:

    wahay para blogger tolong follow blog gue dunk..
    :a: http://joesetapart.blogspot.com

    sekali lagi thanks iaa gan atas tutorialnya..

    ReplyDelete
  12. keren gan,.,betul itu,.,ilmu harus dibagi2,.,emank mau dibawa mati apa??
    oke deh gan,.,saya izin share ilmunya yaa...

    ReplyDelete
  13. gan..kok gak bisa sih..
    :f:

    padahal kemaren udah seneng banget..

    ReplyDelete
  14. Wah maksih banyaklo gan' oh sebelumnya gw minta maaf bukan maksud mau nyuri'/copas backgroud clound nya tapi punya kita hampir sama bedanya punya kamu gerak2, kalo agan g mau backgroundx aq copy silahkan complain di blogq langsung, maksih juga sebelumnya'

    ReplyDelete
  15. dark ard : nih bikin blog klo dibuka berat ga ?

    ReplyDelete
  16. ya kak....... klo yg backgroundx gagh transparan tuchh gmn...??? plis ksih infox... :g:

    ReplyDelete
  17. [Reply to: Bobby Pangeran Kodok] templatenya jgn pake yg download, pake bawaan blogger aja, ato edit template kamu, bg nya di opactiy pake photoshop

    [Reply to: J0e Set Apart] hmm,,, silahkan cek lagi kode kamu, pasti ada yg salah, trik ini bisa bekerja dengan baik

    [Reply to: randy oktaran] Share gimana? Tapi creditnya tetep ya,,

    [Reply to: Akata Corp] nyante aja, gw bisa bedain mana bg yg copas ato nggak, kan gw bsa cek di Page Info browser, memori & resolusi & ukuran & nama file gambar kita dah beda kok, coz punyaku udah aku edit banyak biar gak terlalu lemot...

    [Reply to: myone1way] nggak lah, nih widgetnya ringan, tergantung gambar background kamu, gedhe apa nggak

    [Reply to: kiddrockstrange] pake photoshop, silahkan belajar di blog yg pasang trik / tutorial photoshop

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. Thanks Triknya kk
    kk Follow ya blog aku
    :d:

    ReplyDelete
  20. mantap gan... trims untuk infonya..
    udah gw pasang di blog gw..

    http://narutouptodate.blogspot.com/

    kalo ada info bagus lagi kasih tau ya.

    ReplyDelete
  21. Cool :D
    Kak, tapi aku nggak bisa bikin blog ku bagus, gimana caranya? :T bantuin doonkk!

    ReplyDelete
  22. kok ngg bisa biar transparan gambarx gmana???

    ReplyDelete
  23. gan pengen tanya nih,cara nambahin gambar buat iklan di header caranya gimana ya,kaya iklan bakuhatsu punya agan itu loch..??
    :a:



    hot info
    khusus buat para pengunjung yg lain :
    Briptu norman menggila,masyarakat ikut gila juga..wakakaka
    http://www.youtube.com/watch?v=TAgpL2zkLIw

    ReplyDelete
  24. minta semua URL gambarnya dunk :f: :a:

    ReplyDelete
  25. gan,minta URL akatsuki,blue matrix sama green matrix dunk.. :h:

    ReplyDelete
  26. postingan yg keren bozzzzzzzzz

    ReplyDelete
  27. gan minta url yg akatsuki cloud donk....keren banget sumpah..

    ReplyDelete
  28. gan kalo mau kommentar emot akatsuki gitu gmn?? kasih donk .. :i: :i: :i:

    ReplyDelete
  29. :i: kasih link gambar nya aja please.. :f:

    ReplyDelete
  30. nice post gan...
    numpang sedot scriptnya :)

    ReplyDelete
  31. Kak.. Kagak Ngerti nih kode yang warna Hijau masukin apa..
    tlong pencerahannya^^
    makhlum masi pemula
    :c:

    ReplyDelete
  32. :g: Jutsu yg keren.., thnx sensei!!!

    ReplyDelete
  33. Gan Kenapa Yg Ane Jd Kecil Dan Banyak Gambarnya Gx 1 + Full. Ane Jd :c:

    ReplyDelete
  34. kk aku Bingung Itu Di Taro Di mana Tolong Bantu ,,,

    ReplyDelete
  35. Gan Jawab Donk Yg Ane :f: :c: Ngeliatnya Banyak :j: . Dimana Agar Gambarnya Jd 1 + Full ??? :h:

    ReplyDelete
  36. kakak,, urlnya tu yg gmana?? mbok ksih contoh satu aja

    ReplyDelete
  37. gan kenapa punya ku g bisa langsung buka,, harus di klik dulu,, (g bisa otomatis gambarnya jadi background kita) tapi harus di klik dulu :f:

    ReplyDelete
  38. Gan kalo boleh tanya letak kata yang warna hijau di mana yah gan di blog saya ga ada gan Thx .....

    ReplyDelete
  39. Om Bagi yg akatsuki cloud Backgroundnya donk :i:

    ReplyDelete
  40. wah mantep kaka ijin Coba ya :D
    buat blog saya
    www.Bedhoel.net

    ReplyDelete
  41. kak follow blog aku ya kak

    kehin.co.cc

    makasiii kak atas tipsnya di atas

    ReplyDelete
  42. Dark Ard Gimana Sih Cara Bikin Anti Klick Kanan Pake Gambar Plizzz Dong Aku Juga Mau Ilmunya hehe

    ReplyDelete
  43. Gan Kok Susah ya malah jadi putih Gambar nya gak mUncul Nih :f:

    ReplyDelete
  44. Gan knp gambar nya jadi putih nih tolong bantuin dong kageyudai.blogspot.com coba liat aja :f:

    ReplyDelete
  45. kk dark ard ini template atau bukan>

    ReplyDelete
  46. kk dark ard ko aku g bisa blogspot domain ke co.tv

    ReplyDelete
  47. ngopi nya gak bisa malah ada tulisan blog dalam perbaikan

    ReplyDelete
  48. gan cara ganti mouse icon jdi gambar gimna. plis share dong gan.

    ReplyDelete
  49. Bangg' alamat Linx Backround nya yang kaya gmna sihh..
    Jawab Y..?

    ReplyDelete
  50. gk bisa filenya eror gk bisa di download

    ReplyDelete
  51. kang select nya maksudnya gimana kang simpang nya di HTML/Java Script ? Atau di Edit HTML kang Dicky Beri Tau dong
    Dan sekalian tanya cara buat jika kita gk gerakan mouse gambarnya langsung ganti gimana gk ?:a:

    ReplyDelete
  52. link ziddunya apa,bro? aq gbsa ngeklik gambarnya...

    ReplyDelete
  53. java script nya uda aku klik kok ga bisa2 yah

    ReplyDelete
  54. NICE INFO...!!
    agan drak, kalo mo balikin lagi ke background kita g boleh pake template downloadan ya...??

    ReplyDelete
Related posts
Guestbook
Author
Other


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other