Mengucapkan Selamat Ulang Tahun Pake Script atau Coding HTML5


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 :


  1. Support terhadap media penyimpanan offline
  2. Memiliki media video dan audio untuk multimedia
  3. Terdapat berbagai elemen  yang spesifik seperti artikel,  footer, header, dan navigation bahkan section.
  4. Memiliki kontrol form baru seperti kalender, tanggal, waktu, e-mail, URL dan search.
  5. Artikel dapat berupa entri blog atau konten
Kelebihan HTML5 :
  1. Dapat ditulis dalam sintaks HTML dan XML
  2. Dalam penulisan code akan lebih efisien
  3. Konten pada situs mudah ter-indeks oleh search engine
  4. Memiliki integrasi yang bagus terhadap aplikasi web
  5. Integrasi dengan doctype lebih sederhana
  6. Dapat dideteksi oleh browser lama
Nah dengan memanfaatkan fitur-fitur dan kelebihan dari HTML5 inilah coding ini di bangun di HTML5, yuk kita simak dulu tampilan yang di hasilkan dari coding/code sintaks HTML5 yang nantinya akan di gunakan.

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. 




Tampilan di atas saya menggunakan Online menggunakan Hosting domain gratis jika kalian tidak memilikinya. Script coding ini bisa di gunakan Offlin juga asal anda bisa menggunakan HTML dengan benar..

Untuk melihatnya Hasil  Editan saya bisa klik Di Sini

Unduh Versi saya Klik Di Sini

Untuk Demo Versi aslinya : http://ayusharma.github.io/birthday/

Untuk Mengunduh nya https://github.com/ayusharma/birthday


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 !!! 👍

Comments

  1. cara upload biar bisa liat hasil kita kek mana ya?

    ReplyDelete
  2. kak bisa tolong ajarin lebih jelasnya?🙏🙏 pengen bgt bikin for my best friend

    ReplyDelete
  3. untuk ngeluarin cake nya gimana ya kak?

    ReplyDelete
  4. Ciri ciri copas
    Coba bang Salin ulang Itu putih putih itu codingannya:V

    ReplyDelete

Post a Comment