Home > On, 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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    hehehehhe apiikkk,.. nek dah khatam bukunya akuu pinjemmm!!!
    Postingan bre : All this because of you My ComLuv Profile

    [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…

    My ComLuv Profile

    [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…

    My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    catet maning!
    Postingan Pradna : Red Cliff (Kisah 3 Negara) My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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…

    My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    HTML = Hamil Tanpa ML?
    wwakakaaka…

    *kenapa saya terpintas akronim itu ya?*
    Postingan JTC : Seberapa Pantas? My ComLuv Profile

    [Reply]

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

    aduh maap, ralat..bukan akronim
    :p
    Postingan JTC : Seberapa Pantas? My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    kok lucu men to koe kang?
    Postingan SILUMAN : Dreamcacher My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    hmmmm……………….. terkagum2 dgn PakGuru yg hebat ini,
    salam.
    Postingan bundadontworry : The Power of Nasi Urap. My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    keponthalan ngikuti ilmune mas mars….mumet aku….
    Postingan ernut : nglangi… My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    saya ndak mudheng sama sekali bahasa planet ituh
    Postingan mandor tempe : Yield My ComLuv Profile

    [Reply]

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

    langsung dikopi trus dideleh blog….

    apik ki, kudu dimodif… wekekkeke…
    Postingan ndop : Back To Nature My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    Menurut saya pusing Pak :)
    Postingan kaos : Desain kaos cyberpreneurship My ComLuv Profile

    [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 My ComLuv Profile

    [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? My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [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 My ComLuv Profile

    [Reply]

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

    Mantap

    [Reply]

  59. August 30th, 2010 at 23:18 | #59

    mantepp nihhh…
    mo bljr HTML lagi…

    ———————————————————-

    Peduli KESEHATAN Anda HARI INI juga..
    atau MENYESAL di kemudian hari

    Tinggalkan kebiasaan merokok anda dan beralihlah ke Rokok Elektrik
    Terbukti MENGURANGI bahkan MENGHILANGKAN kebiasaan merokok tembakau.

    Sayangi KELUARGA Anda dan jangan biarkan mereke menangguna akibat dari kebiasaan merokok Anda…!!

    Rokok Elektrik Black Super


    Makasih infonya…
    Salam!!

    [Reply]

  1. December 11th, 2009 at 18:53 | #1
  2. July 16th, 2010 at 18:23 | #2
CommentLuv Enabled