Home > teori, umum > HTML, memusingkan sekaligus menggairahkan

HTML, memusingkan sekaligus menggairahkan

December 8th, 2009 Mars Leave a comment Go to comments

Widget tentang penanggalan dan jam ada banyak pilihan, semua bagus dan menarik. Hanya saja, widget build up itu kesannya justru pasaran karena siapapun bisa memasangnya.

Tetapi perhatikan contoh berikut…



Teks tersebut di atas tampak sangat biasa saja dan bahkan terkesan tak ada apa2nya. Tapi taukah sahabat, bahwa nama hari pada kalimat tersebut terupdate secara online?. Walau sederhana, walau sepintas seperti ketikan biasa, tapi disebalik itu terkandung kepuasan tersendiri karena itu adalah html custom hasil modifikasi sendiri. Modifikasi pasti beda dengan beli jadi.

Perhatikan juga contoh yang ini:




Semboyan tersebut terbaharui tiap hari tanpa saya harus mengeditnya ataupun mengetiknya. Saya hanya mengisi beberapa pilihan semboyan yang secara otomatis akan berganti sendiri setiap harinya. Kita bisa meletakkannya di sidebar atau header blog.

Apa yang saya buat ini merupakan hasil belajar kilat dari buku Pemrograman dengan HTML yang dikirimkan oleh Bp. Abdul Cholik Surabaya kepada saya. Beliau berharap agar saya bisa menyerap apa yang ada di buku setebal 418 halaman itu untuk kemudian saya tulis di blog ini.

Dan berikut saya sertakan kode html untuk memunculkan nama hari saat ini yang dikombinasi dengan beberapa kata tambahan. Silakan dicopy paste dan diedit seperlunya.

<script language="JavaScript">
var d=new Date()
var weekday=new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
document.write("Hari ini pasti hari " + weekday[d.getDay()] + ". Benar kan…")
</script>

Karena baru sehari saya membacanya, maka baru sepotong2 yang bisa saya pahami, tapi saya yakin semua ini akan terangkai dan menghasilkan sesuatu yang lebih besar lagi sehingga bisa dimanfaatkan oleh siapa saja. Beberapa bentuk yang sempat saya coba terlihat seperti di bawah ini, hanya saja belum berfungsi secara nyata.


Tulis Nama Anda

Pria

Wanita

Nasi Goreng

Bakso Balungan

Semoga saya segera bisa merangkaikan kode2 itu sehingga jadi lebih menarik dan lebih interaktif, lain dari yang lain, beda dari yang sudah ada.

HTML, kadang memusingkan tapi sekaligus menggairahkan…

  1. December 8th, 2009 at 13:10 | #1

    hhmmm…

    [Reply]

  2. December 8th, 2009 at 13:12 | #2

    mungkin lebih tepat disebut kode JavaScript Pak…

    Languagenya JavaScript tapi kodenya itu html Mas…
    Jadi mau dianggap JavaScript bisa, html OK juga…

    [Reply]

  3. December 8th, 2009 at 13:16 | #3

    saLah satu aLasan kenapa saya ngebLog ya karena HTML yang menggairahkan itu Pak..
    ditunggu script² lainnya Pak…

    [Reply]

  4. December 8th, 2009 at 13:31 | #4

    salam mas Mar…kalo masalah yang satu ini, saya jadi penyimak setia saja :-)
    .-= Postingan pensiun kaya : Mengenal Dow Theory =-.

    [Reply]

  5. December 8th, 2009 at 14:21 | #5

    melihat saja sudah puyeng kok pak, lha kok disuruh ngedit…. mending ngoreksi jawaban tes anak2 :D

    [Reply]

  6. December 8th, 2009 at 14:45 | #6

    kala javascript gak bisa buat blog saya dong, Pak Mars…
    .-= Postingan alamendah : Pohon Nibung Simbol Persaudaraan Orang Riau =-.

    [Reply]

  7. December 8th, 2009 at 14:49 | #7

    hehehehhe apiikkk,.. nek dah khatam bukunya akuu pinjemmm!!!
    .-= Postingan bre : All this because of you =-.

    [Reply]

  8. December 8th, 2009 at 14:50 | #8

    Assalamu’alaikum wr.wb.

    [Reply]

  9. December 8th, 2009 at 14:51 | #9

    HTML bikin using pak..jadi ga mau utak atik lagi, blognya ntar berantakan lagi…salam

    [Reply]

  10. December 8th, 2009 at 15:11 | #10

    makin canggih aja pak otak-atiknya

    [Reply]

  11. December 8th, 2009 at 16:11 | #11

    Mantap,langsung aplikasi ya mas.
    kalau saya pasti lama belajarnya
    Salam hangat dari Surabaya

    Iya Pak, langsung saya baca2…
    Makasih kirimannya yang sangat suegerrrr… buat saya!

    [Reply]

  12. December 8th, 2009 at 16:47 | #12

    wah benar-benar mantap pak tutorialnya,
    buku dari pakde cholik benar-benar bermanfaat
    .-= Postingan galuharya : Onde Ronde Konde =-.

    Iya Mas…
    Saya musti kerja keras buat mempelajari isinya dan bisa menggabung2kan menjadi alur yang menarik…

    [Reply]

  13. December 8th, 2009 at 16:48 | #13

    Form diatas bisa berfungsi bila dihubungkan dengan database.. Apa tho database kuwi? Lha mbuh je… :D
    .-= Postingan Mengembalikan Jati Diri Bangsa : Mengembalikan Jati Diri Bangsa : Mengembalikan Keyword Yang Hilang =-.

    Sangat bisa…
    Aslinya memang untuk yang begituan itu…

    [Reply]

  14. December 8th, 2009 at 16:52 | #14

    Ntar aku pinjem bukunya, mister.. untuk belajar mbikin widget
    .-= Postingan Count Down Mengembalikan Jati Diri Bangsa : Count Down Mengembalikan Jati Diri Bangsa =-.

    [Reply]

  15. December 8th, 2009 at 16:58 | #15

    muantap kang, saya ini begitu ketinggalan. gak rugi saya kenal dan berkunjung ke blog ini. jadi kapan pean keluarin buku sndiri? hehe. nanti saya yang buat covernya (banana_dance)
    .-= Postingan antown : Yakin Jadi =-.

    [Reply]

  16. December 8th, 2009 at 17:28 | #16

    catet maning!
    .-= Postingan Pradna : Red Cliff (Kisah 3 Negara) =-.

    [Reply]

  17. December 8th, 2009 at 18:20 | #17

    Pikiranku Tak dapat kumengerti, Kaki dikepala Kepala dikaki
    Pikiranku Patutnya menyadari Siapa yang harus Dan tak harus kucari
    .-= Postingan luxsman : Wulan Guritno Pensiun Main FILM =-.

    [Reply]

  18. December 8th, 2009 at 18:33 | #18

    memang menggairahkan, apalagi ditambah CSS, PHP, Javascript, Flash dan teman-temannya itu :D
    .-= Postingan oglek : Asyik Bermain di Google Wave =-.

    [Reply]

  19. December 8th, 2009 at 19:07 | #19

    salah satu yang membuat aku stres, ya kode html itu pak :( **makanya belajaarrr..

    [Reply]

  20. December 8th, 2009 at 19:57 | #20

    html… bikin pusiiiing mas, he..
    .-= Postingan Badruz : Kuda Naik Helikopter =-.

    [Reply]

  21. December 8th, 2009 at 20:04 | #21

    Apa ora kepenak nganggo Dream Weaver wae pak? Orasah mikir kodene, tinggal klak klik sing dikarepne. :lol: Percobaane sip pak, lanjutken :D

    Lha iki rak persis nek Pak Wandi nonton panjat tebing terus wonge disaranke kongkon nyarter helikopter…
    Memang praktis, langsung tekan pucuk gunung, tapi kan ora marem…

    Nek custom biso ngotak-atik seluas2nya sesuai kreatifitas sing nggarap.
    Kepuasane beda, kemampuane beda.
    Manual jauh lebih powerfull !!!

    [Reply]

  22. December 8th, 2009 at 20:15 | #22

    wah, harus dicari tuh buku… kayaknya worth..
    .-= Postingan sibaho way : Contoh Analisa SWOT dan TOWS Matrix bisnis online =-.

    [Reply]

  23. December 8th, 2009 at 20:30 | #23

    Belajar HTML sangat mengasyikkkan buat saya.

    Bisa ketagihan loh kalo udah liat hasilnya secara nyata. Saya sampai saat ini juga masih terus belajar menerapkan coding HTML yang saya pelajari di bangku kuliah maupun secara otodidak.

    Perlahan, saya modif deh template blog, hingga jadinya kayak sekarang (beda banget dengan tampilan aslinya saat sebelum dimodif) :D
    .-= Postingan iskandaria : Download MP3 Soundtrack Take Me Out Indonesia =-.

    [Reply]

  24. December 8th, 2009 at 21:10 | #24

    asyik.. dapat ilmu baru lagi dari pak mars..

    [Reply]

  25. December 8th, 2009 at 21:16 | #25

    ndak gitu loh Pak, saya kok malah geli sendiri pas baca baris2 terakhir itu.
    Ada Nasi Goreng, Bakso Balungan, lha Parijotho-ne mana nih Pak?

    hehehhehee :D
    .-= Postingan cah ndeso : Mengenal Kode HTML =-.

    Parijothone wis payu, diborong Ibu2 Hamil…

    [Reply]

  26. December 8th, 2009 at 21:36 | #26

    besok ke gramed….. mau beli buku tentang html jugah…. *ngiri mode = ON*
    .-= Postingan ranggagoblog : Connie Talbot at Britain’s Got Talent =-.

    [Reply]

  27. December 8th, 2009 at 23:02 | #27

    wah, hebat pak Mars ini, klo saya baru baca 50 lembar udah tak tinggal … cari yg instant aja hehehhe
    .-= Postingan hpnugroho : Arti Penting SEO dan Blogwalking =-.

    [Reply]

  28. December 8th, 2009 at 23:54 | #28

    HTML = Hamil Tanpa ML?
    wwakakaaka…

    *kenapa saya terpintas akronim itu ya?*
    .-= Postingan JTC : Seberapa Pantas? =-.

    [Reply]

  29. December 8th, 2009 at 23:57 | #29

    aduh maap, ralat..bukan akronim
    :p
    .-= Postingan JTC : Seberapa Pantas? =-.

    [Reply]

  30. December 9th, 2009 at 00:52 | #30

    Tanpa Bahasa HTML, mungkin tidak akan ada Internet :D
    .-= Postingan Hari Antikorupsi Dunia : Hari Antikorupsi Dunia =-.

    [Reply]

  31. December 9th, 2009 at 01:51 | #31

    kok lucu men to koe kang?
    .-= Postingan SILUMAN : Dreamcacher =-.

    [Reply]

  32. December 9th, 2009 at 06:21 | #32

    Maaf kalau saya belum sempat balas komentar sahabat…

    [Reply]

  33. December 9th, 2009 at 07:13 | #33

    wah udah mulai merambah tutorial html nih, perlu rajin datang kemari…
    .-= Postingan Panca : Samsung SCH-i899 dan Samsung Saturn GT-16500U Review Spesifikasi =-.

    [Reply]

  34. December 9th, 2009 at 10:20 | #34

    Selamat Pagi Pak, alhamdulillah sedikit2 saya belajar banyak dari Pak Mars… Terima kasih ya Pak…

    Yang puisi bukan puisi alhamdulillah sudah di edit berkat arahan Pak Mars,,,

    Sekali lagi terima kasih…
    .-= Postingan casrudi : Puisi Bukan Puisi =-.

    [Reply]

  35. December 9th, 2009 at 10:30 | #35

    hmmmm……………….. terkagum2 dgn PakGuru yg hebat ini,
    salam.
    .-= Postingan bundadontworry : The Power of Nasi Urap. =-.

    [Reply]

  36. December 9th, 2009 at 10:35 | #36

    segera ditunggu hasil rangkaian html buat pak marsu selanjutnya pak ;)

    [Reply]

  37. December 9th, 2009 at 11:42 | #37

    mantep pak….mangka dari itu saya pake blogspot, biar lebih puas saya uthak athik sendiri, kalo dibandingin wp dot com mah jauuuh……tapi bagusan memang pake dotcom sendiri bin wp dot org….tapi ra kuat mbayar hostingan/domaine :mrgreen:
    .-= Postingan m4stono : Curhat Ala Buto Terong =-.

    [Reply]

  38. December 9th, 2009 at 11:51 | #38

    Berkunjung disiang hari..dasir punya titipan buat bu mars, tapi sepertinya sedang sibuk ya pak, ibunya..kulihat sudah dari tanggal 25-11 belum ngasih makan blognya..Bingkisan Kagem Bu Mars
    .-= Postingan dasir : Pantun Tuk Bu Marsudiyanto =-.

    [Reply]

  39. December 9th, 2009 at 12:45 | #39

    Saya salut sama tingkat belajar dan meneliti Pak Mars yang cukup tinggi sehingga membuat blog ini menjadi tidak biasa. Salam sukses Pak :)
    .-= Postingan arkasala : Cerita Blog Di Suspend =-.

    [Reply]

  40. December 9th, 2009 at 12:50 | #40

    Tetap semangat!! :D

    [Reply]

  41. December 9th, 2009 at 15:40 | #41

    Wuih… mantab tenan pak… tambah handal saja dalam hal ngelmu HTML
    .-= Postingan xitalho : FACEBOOK LOGIN DAN GOOGLE SEARCH ENGINE =-.

    [Reply]

  42. December 9th, 2009 at 15:48 | #42

    wah mantap bagi-bagi ilmunya mas…kalo ada yang baru lagi, di post untuk artikel lagi y…hehehe…lumayan buat belajar nih…
    .-= Postingan adin : Mensiasati Ide Posting Yang Fluktuatif =-.

    [Reply]

  43. December 9th, 2009 at 16:46 | #43

    keponthalan ngikuti ilmune mas mars….mumet aku….
    .-= Postingan ernut : nglangi… =-.

    [Reply]

  44. December 9th, 2009 at 16:52 | #44

    heheheh emang mengasyikkan mas, tapi sekarang saya lagi kecanduan Microsoft Acces belum bisa bikin koneksinya…..tapi pokoke sesuatu yang berbau HTML, Micr. Acces, Excel selalu bikin penasaran saya juga

    sukses ya jangan lupa bagi ilmunya ntar
    .-= Postingan Omiyan : “Naik Tangga” …. Olah Raga Yang Murah =-.

    [Reply]

  45. December 9th, 2009 at 16:52 | #45

    saya ndak mudheng sama sekali bahasa planet ituh
    .-= Postingan mandor tempe : Yield =-.

    [Reply]

  46. December 9th, 2009 at 17:29 | #46

    langsung dikopi trus dideleh blog….

    apik ki, kudu dimodif… wekekkeke…
    .-= Postingan ndop : Back To Nature =-.

    [Reply]

  47. December 9th, 2009 at 22:17 | #47

    malahan saya tidak begitu pahamperlu banyak belajar nich
    *geleng geleng kepala*
    .-= Postingan andi : WRT54GL as Repeater Bridge =-.

    [Reply]

  48. December 9th, 2009 at 23:46 | #48

    Menurut saya pusing Pak :)
    .-= Postingan kaos : Desain kaos cyberpreneurship =-.

    [Reply]

  49. December 9th, 2009 at 23:48 | #49

    Bikin penasaran utak atik

    [Reply]

  50. December 9th, 2009 at 23:49 | #50

    Tambah semangat belajr nya ni

    [Reply]

  51. December 10th, 2009 at 02:34 | #51

    Kadang, karena keasyikan ngulik kode HTML, aku sampai lupa makan.. tapi emang dasar betok, hingga saat ini belum juga ngerti apa itu HTML :(
    .-= Postingan Mengembalikan Jati Diri Bangsa dan Bus Kota : Mengembalikan Jati Diri Bangsa dan Bus Kota =-.

    [Reply]

  52. December 10th, 2009 at 07:09 | #52

    Kalau dah ngerti kayaknya memang asyik juga tuh utak-atik template kita ya.. siiplah posting yang bagus sob..

    [Reply]

  53. December 10th, 2009 at 14:10 | #53

    menggairahkan kalau syntax nya jalan pak
    memusingkan kalau syntax nya eroor
    hehehhehhehe

    [Reply]

  54. December 10th, 2009 at 16:31 | #54

    Nanti kl mister udah bisa, saya diajarin yah…
    .-= Postingan Informasi Pendidikan Indonesia : Mengembalikan Jati Diri Bangsa,Mampukah? =-.

    [Reply]

  55. December 11th, 2009 at 06:32 | #55

    Saya kok jadi makin tertarik mas. Tak belajar ach.
    Salam hangat dari Surabaya
    .-= Postingan Pakde Cholik : Link Terpaksa di Copot =-.

    [Reply]

  56. December 12th, 2009 at 00:47 | #56

    sama pakde saya juga tertarik belajar itu.. *ngiri sama mister yg udah pandai nulis kode HTML*
    .-= Postingan Mengembalikan Jati Diri Bangsa : Mengembalikan Jati Diri Bangsa =-.

    [Reply]

  57. December 27th, 2009 at 10:06 | #57

    @Wandi thok
    betul sekali. singkatnya, menikmati proses, bukan (semata) hasilnya… :)
    ibarat orang makan, yg bikin enak justru proses dari lapar, agak lapar, kemudian kenyang. kalau tiba2 kenyang.., wah ndak berasa dong…, he..he..he.. :)
    salam kenal semua…
    .-= Postingan e-k-o : Speedy Vs Slowly =-.

    [Reply]

  58. February 18th, 2010 at 15:17 | #58

    Mantap

    [Reply]

  1. December 11th, 2009 at 18:53 | #1