MASIGNASUKAv102
7345699749361123385

Cara Membuat Greeting Atau Sapaan Di Blogger Atau Website

Cara Membuat Greeting Atau Sapaan Di Blogger Atau Website
Add Comments
29 March 2020
Cara Membuat Greeting Di Blogger Atau Website

Cara Membuat Greeting Atau Sapaan Di Blogger Atau Website - Keberadaan greeting atau sapaan di suatu blog atau website memiliki kesan tersendiri bagi pengunjung blog atau website tersebut. Visitor atau pengunjung akan merasa disambut dengan hangat begitu mengakses blog atau website dengan sapaan seperti selamat pagi, selamat siang, selamat sore, selamat malam dan lainnya.

Di kesempatan kali ini, Kulo akan membagikan artikel tentang bagaimana cara membuat greeting atau sapaan di blogger atau website dengan javascript ? Untuk percobaannya, disini Kulo akan mencoba membuat greeting atau sapaan di widget blogger dengan javascript. Berikut ini adalah script yang akan digunakan.

<script>
   datetoday = new Date();
   timenow = datetoday.getTime();
   datetoday.setTime(timenow);
   jam = datetoday.getHours();
   if (jam > 19 && jam < 1salam = "Malam";
   else if (jam > 11 && jam < 16salam = "Siang";
   else if (jam > 16 && jam < 19salam = "Sore";
   else salam = "Pagi";
   var greeting = ("<h1>Selamat " + salam + ".</h1>");
   document.write(greeting);
 </script>

Cara pemasangannya kita bisa masuk ke menu layouts atau tata letak, kemudian di widget sidebar klik tambahkan gadget dan pilih HTML/Javascript. Selanjutnya copy code di atas dan paste di form tambahkan gadget (HTML/Javascript). Klik SIMPAN. Maka hasilnya akan seperti gambar di bawah ini.

Cara Membuat Greeting Di Blogger Atau Website

Kalian bisa menyesuaikan sendiri untuk waktunya dengan melakukan penyesuaian pada code di bawah ini.

if (jam > 19 && jam < 1salam = "Malam";
   else if (jam > 11 && jam < 16salam = "Siang";
   else if (jam > 16 && jam < 19salam = "Sore";
   else salam = "Pagi";

Karena tampilannya masih kurang cantik, disini Kulo akan mengubah code agar tampilan greeting atau sapaan di widget terlihat lebih cantik dengan running text dan bootstrap. Codenya seperti di bawah ini.

<!doctype html>
<meta name="keywords" content="greeting, javascript, kulo.online">
<meta name="description" content="kulo.online, cara membuat greeting atau salam menggunakan javascript di blogger">
<meta http-equiv="refresh" content="0; url=http://kulo.online">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />

<div class="card bg-warning text-white shadow">
    <div class="card-body">
   <marquee behavior="" direction="left">
   <script>
   datetoday = new Date();
   timenow = datetoday.getTime();
   datetoday.setTime(timenow);
   jam = datetoday.getHours();
   if (jam > 19 && jam < 1salam = "Malam";
   else if (jam > 11 && jam < 16salam = "Siang";
   else if (jam > 16 && jam < 19salam = "Sore";
   else salam = "Pagi";
   var greeting = ("<h1>Selamat " + salam + ". Selamat datang di Kulo.Online</h1>");
   document.write(greeting);
   </script>
  </marquee>
     
    </div>
  </div>

</!doctype>
<!-- created by kulo.online -->

Maka hasilnya akan seperti gambar di bawah ini. Greeting atau sapaan di widget sudah lebih cantik dengan running text dan bootsrap
Cara Membuat Greeting Di Blogger Atau Website

Untuk penerapan di project website tidak jauh berbeda dengan penerapan menambahkan greeting atau sapaan dengan javascript di widget blogger. Kita bisa menentukan dimana greeting atau sapaan ditempatkan.

Sekian artikel kali tentang cara membuat greeting atau sapaan di website atau blogger dengan javascript. Semoga bisa membantu dan bermanfaat. Jika ada kesulitan atau masalah, kalian bisa tanyakan di form komentar di bawah ini.

Download source code greeting.
Hilmi Hidayat

"If something's important enough, you should try. Even if you - the probable outcome is failure." - Elon Musk