script idul Fitri

Buat Script Ucapan Idul Fitri dengan Html dan Popup

HTML & CSS Pemrograman Source Code Tutorial

Ok disini saya membagikan script untuk kamu anak IT yang males keluar pas lebaran, dengan script ini kamu bisa memberikan temenmu atau keluargamu ucapan yang keren dan menarik yang pastinya anak IT banget.

Script Ucapan Lebaran Idul Fitri dengan Popup Alert dan Html

Script ini dibuat dengan bahasa Html CSS dan pastinya ada javascript untuk buat popup. Popup nya nanti berisi kata-kata mutiara tentang Idul Fitri. Ok langsung saja cuss ke scriptnya.

Buat Script Lebaran Idul Fitri 2023

Pertama kalian buat file html

Kemudian copy script dibawah.

<!-- subscibe channe saya https://youtube.com/@s2IT
follow ig : https://instagram.com/djazulial
follow github : https://github.com/djazulial -->
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
div.example {
  padding: 20px;
}

@media screen and (min-width: 601px) {
  div.example {
    font-size: 50px;
  }
}

@media screen and (max-width: 600px) {
  div.example {
    font-size: 25px;
  }
}
</style>

    <script type="text/javascript">
flag=1
function f1()
{
    alert("Berbuat khilaf adalah sifat, meminta maaf adalah kewajiban, dan kembalinya fitrah adalah tujuan")
    alert("Marilah kita melunturkan ego dan saling membuka pintu maaf.")
    alert("Selamat hari raya Lebaran! Semoga Allah SWT kembali mempertemukan kita di bulan Ramadan berikunya.")
  window.location = "https://wa.me/62857xxxxx?text=Mohon%20Maaf%20Lahir%20Batin%20Bro%20!!!!!";
  // ganti nomor wa mu
}
function f()
{
    if(flag==1)
        {
            Bn.style.top=700
            Bn.style.left=300
            flag=2
        }
    else if(flag==2)
        {
            Bn.style.top=700
            Bn.style.left=50
            flag=3
        }
    else if(flag==3)
        {
            Bn.style.top=610
            Bn.style.left=166
            flag=1
        }
}
</script>
    
  </head>
  <body>
    <div class="example"><h2><font color="red"><marquee>ASSALAMUALAIKUM, DJAZULI SEKELUARGA & WARGA NAMEX. MENGUCAPKAN</marquee></font></h2>
        <img alt="background-image" src="https://media.tenor.com/pGA3UJkarfMAAAAd/selamat-hari-raya-idul-fitri.gif" width="300" height="200" />
      <p>Mohon Maaf Lahir Batin Brooo!!</p>

  </div>

<div id="By" style="position:absolute; left:64px; top:450px; width:210px;
height:210px;">
<input type="button" style="background-image: url('https://djazuli.com/idulfitri/jabat.png'); padding-bottom:40px; color: yellow; font-weight: 600;" value=" Iya bro " onClick="f1()" />
</div>
<div ID="Bn" style="position:absolute; left:166px; top:450px;  width:210px; height:210px;">
<input style="background-image: url('https://cdn.icon-icons.com/icons2/404/PNG/128/delete_40623.png'); background-size: 65px; padding-bottom:40px; color: blue; font-weight: 600;" type="button" value="Gakk bro" onMouseOver="f()" />
</div>
    
  </body>
</html>

Dibagian script alert dibawah, kalian bisa ganti kata-katanya dengan kata yang kalian suka

{
    alert("Berbuat khilaf adalah sifat, meminta maaf adalah kewajiban, dan kembalinya fitrah adalah tujuan")
    alert("Marilah kita melunturkan ego dan saling membuka pintu maaf.")
    alert("Selamat hari raya Lebaran! Semoga Allah SWT kembali mempertemukan kita di bulan Ramadan berikunya.")
  window.location = "https://wa.me/62857xxxxx?text=Mohon%20Maaf%20Lahir%20Batin%20Bro%20!!!!!";
  // ganti nomor wa mu
}

Kalian juga ganti nomer WA dengan nomer kalian.

Setelah itu save. Maka hasilnya seperti dibwah.

Disini kalian sudah bisa buat script ucapan lebaran ke temen temen kalian. Jika ingin donasi agar saya bisa buat script lainnya bisa klik link donasi dibawah. Donasimu sangat menbantu!!

Script Ucapan Idul Fitri dengan Popup Alert

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *