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 < 1) salam = "Malam";
else if (jam > 11 && jam < 16) salam = "Siang";
else if (jam > 16 && jam < 19) salam = "Sore";
else salam = "Pagi";
var greeting = ("<h1>Selamat " + salam + ".</h1>");
document.write(greeting);
</script>
Kalian bisa menyesuaikan sendiri untuk waktunya dengan melakukan penyesuaian pada code di bawah ini.
if (jam > 19 && jam < 1) salam = "Malam";
else if (jam > 11 && jam < 16) salam = "Siang";
else if (jam > 16 && jam < 19) salam = "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 < 1) salam = "Malam";
else if (jam > 11 && jam < 16) salam = "Siang";
else if (jam > 16 && jam < 19) salam = "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
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.
comment 0 Comment
more_vert