Assalamu’alaikum Warahmatullahi Wabarakatuh..
Baik, kali ini saya akan bagi bagi Codingan HTML5. tentang cara mengucapkan selamat ulang tahun kepada teman, istri anak, atau siapa saja yang kalian inginkan.
sebelum kita lanjut cara2 untuk mengedit coding/sintaks HTML5 yang nanti saya bagikan, alangkah baiknya kita mengetahui dulu kenapa coding/sintaks ini di bangun memakai HTML5, karena HTML5 memiliki fitur-fitur yang mendukung terhadap coding/code sintaks yang nanti akan saya bagikan diantaranyan :
- Support terhadap media penyimpanan offline
- Memiliki media video dan audio untuk multimedia
- Terdapat berbagai elemen yang spesifik seperti artikel, footer, header, dan navigation bahkan section.
- Memiliki kontrol form baru seperti kalender, tanggal, waktu, e-mail, URL dan search.
- Artikel dapat berupa entri blog atau konten
Kelebihan HTML5 :
- Dapat ditulis dalam sintaks HTML dan XML
- Dalam penulisan code akan lebih efisien
- Konten pada situs mudah ter-indeks oleh search engine
- Memiliki integrasi yang bagus terhadap aplikasi web
- Integrasi dengan doctype lebih sederhana
- Dapat dideteksi oleh browser lama
1. Tampilan pertama, maka akan muncul Tombol "Nyalakan Lampu" kilk aja nanti lampunya akan menyal.
2. Setelah menyala lampunya akan muncul tombol " Mainkan Musik " klik aja nanti secara otomatis musiknya akan berbunyi.
3. Lalu muncul tombol " Kita Kasih Hiasan" klik lagi.
4. Setelah itu akan muncul "Spanduk"
5. Lalu akan muncul tombol "Terbangkan Balonnya"
6. Setelah itu akan muncul tombol " Tampilkan Kue-Nya"
7. Lalu tak lama akan muncul Kue, dan kamu juga bisa nyalakan Lilinnya
8. Lalu muncul tombol "Selamat Ulang Tahun" klik saja maka akan muncul nama yang kamu inginkan sebagai conto saya memasukan lambang " *******"
9. Lalu akan muncul Tombol "Pesannya Di Baca Yah ^_^ " dan akan muncul Pesan dengan indah.
Untuk melihatnya Hasil Editan saya bisa kujungi Disini.
Unduh Versi saya Klik disini.
Untuk Demo Versi aslinya : Klik disini.
Untuk Mengunduh nya Klik disini.
Catatan : Untuk Mengedit Sintaks coding HTML nya kalian bisa menggunakan Notpad bawaan dari Windows, Notpad++ dan masih banyak lagi, kalian bisa nyari-nyari di Internet.
Terimakasih dan semoga bermanfaat dan selamat mencoba !!! 👍
Turtol di dalam video ini hanya sekedar untuk Mengubah Nama/Pesannya sesuai yang kalian inginkan, jadi sekali lagi video ini bukan membuat dari awal melainkan mengganti beberapa saja.
Mantep sekali tutorialnya...
ReplyDeleteMakasih agan yang terhormat udah mampir di blog ane, semoga bermanfaat.. Jangan lupa yah follow dan mampir lagi..
DeleteNgeri.. bisa secara offline..
ReplyDeleteia bisa secara offlin cuman mungkin pengalaman saya sih ps waktu di praktekin harus ada code2 yang di rubah,, soalnya di khawatirkan ada code yang gk berjala dengan baik,, termasuk pengalaman saya pas praktek,, :V tp asalkan tau tentang program HTML dn css nya insyaaloh aman (Y)
DeleteThanks min tutorial nya mudah dipahami dan dilakukan,bagus nih
ReplyDeleteMantapp.. Cocok buat surprise temen ku yg bntar lagi ultah
ReplyDeleteUlasan yg komplit
ReplyDeleteWah asyik nih buat kejutan..injin kenyot yaaaa
ReplyDeleteMonggo gan.. Sing penting bermanfaat..
ReplyDeletebang buatin tutornya di youtube Bang,,Auto Subscribe
ReplyDeleteThanks, sangat bermanfaat. Btw kalo cara munculin Cake nya itu gimana ya?
ReplyDeleteMaaf gan baru bisa di tanggapi. Dan makasih udah mampir di blog ane. Untuk turtol via yutube insyaaloh saya bikin. Tp bula2 ini saya kemungkinan belum bisa bikin dikarenakan saya lagi sibuk2nya banyaknya kerjaan apalagi sekarangkan bentarlagi bulan Ramadhon.
ReplyDeleteGan buat tutorialnya dong.. dari awal buatnya gmna.. sampai dengam selesai.. pengen belajar..
ReplyDeleteNtaps bang, bang saya ijin share ya..
ReplyDeleteBang cara nambahin balon yg ada nama nya gimana?
ReplyDeleteKenapa kk gak bisa muncul cakenya???
ReplyDeleteBang. Maaf saya baru belajar. Cara save dan finishing ahirnya kya gimana
ReplyDeleteWAH BANG MAKASIH BANGET YAAH ^^
ReplyDeletecara ngubah sintax nya itu hrus donlod yg mana dulu
ReplyDeleteMakasih banyak yaa,, taoi karna gua masi pemula banget jadi gimana si cara bikin nya?? Wkwk maksud nya ngetik yg mana ni?
ReplyDeletecara munculin cake nya gimana gan sama nyalahin lilin ya..soalnya klo di klik kue ny kagak muncul ...
ReplyDeleteterimaksi sebelumnya gan mohon di respon ya gan
kuenya kok ga muncul ya?
ReplyDeleteom bisa kasih tutor buat cara bikinya ga si?
ReplyDeleteBOLEH JUGA NIH PENGEN COBA Hee
ReplyDeleteThanks gan, semoga berkah ilmmunya. Izin pakai buat diedit ke pacar saya hehe
ReplyDeletetadi coba offline ko loading mulu,mesti gimana ya?
ReplyDeleteKue nya kok nggak muncul kak?
ReplyDeleteKuenya g muncul bang
ReplyDeleteKuenya g muncul bang
ReplyDeleteSepertinya udah gk bisa lagi ya dipakai scriptnya di tahun ini?
ReplyDeleteBang
ReplyDeleteNgubah kode nya harus lewat github yaa
soal nya udh aku download tapi ada beberapa elemen yang gak muncul kayak kue+lilin nya terus tulisan nya jadi ke samping.
Mohon petunjuk nya
kak kode program ny dimn yah?kok tidk ketemu saya cari
ReplyDelete