Membuat Pesan Pada Console Browser Menggunakan JavaScript
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Sebelum lanjut ke topik utama ane mau bahas sekilas dulu tentang ide ini. Ketika seorang Web Developer mengunjungi situs web atau blog kita yang *uhuk* Keren *uhuk*, karena animasinya yang menarik, biasanya si pengunjung secara iseng ingin mencoba script tertentu dengan menggunakan Tool Developer Console (CTRL+SHIFT+J) pada webbrowsernya. Nah di tutorial ini ane mau share snippet sederhana untuk menampilkan pesan pada tool Console tersebut. Langsung saja disimak dengan seksama
.
Caranya simple, cukup menggunakan javascript berikut pada salah satu page web agan:
Pada Console juga bisa menggunakan style terformat seperti berikut
Dengan sederhana dapat dibilang bahwa pesannya tidak akan muncul apabila si pengunjung tidak membuka Console pada webbrowsernya. Ketika Console di webbrowser dibuka barulah pesannya muncul. Anggap saja sebagai sambutan.
Nah sekian dulu untuk tutorial kali ini. Semoga bermanfaat dan dapat membantu
. Jika ingin memberikan kritik dan saran atau bertanya silahkan tinggalkan komentar dibawah.
.

Sebelum lanjut ke topik utama ane mau bahas sekilas dulu tentang ide ini. Ketika seorang Web Developer mengunjungi situs web atau blog kita yang *uhuk* Keren *uhuk*, karena animasinya yang menarik, biasanya si pengunjung secara iseng ingin mencoba script tertentu dengan menggunakan Tool Developer Console (CTRL+SHIFT+J) pada webbrowsernya. Nah di tutorial ini ane mau share snippet sederhana untuk menampilkan pesan pada tool Console tersebut. Langsung saja disimak dengan seksama

Caranya simple, cukup menggunakan javascript berikut pada salah satu page web agan:
<script type="text/javascript">
if( typeof console === 'object' ) {
console.log(
'\nHai. Selamat datang di situs super tamfan :)\n'
);
}
</script>
berikut adalah tampilannya:
Pada Console juga bisa menggunakan style terformat seperti berikut
<script type="text/javascript">
if (typeof console === 'object') {
console.log(
"%cHai. Selamat datang di situs super tamfan :)",
"font-size: 25px; color: #66D9EF; background-color: #272822;"
);
}
</script>
berikut adalah tampilannya:
Dengan sederhana dapat dibilang bahwa pesannya tidak akan muncul apabila si pengunjung tidak membuka Console pada webbrowsernya. Ketika Console di webbrowser dibuka barulah pesannya muncul. Anggap saja sebagai sambutan.

Referensi
http://www.abeautifulsite.net/how-to-leave-a-console-greeting-for-your-visitors/
Nah sekian dulu untuk tutorial kali ini. Semoga bermanfaat dan dapat membantu



1 komentar :
Iklan
Formulir Kontak
Popular Posts
-
Assalamu'alaikum Wr. Wb. Beberapa hari ini ane lagi sibuk dengan tugas (maklum anak kuliahan :D haha) dengan C++. Di program C++ te...
-
Assalamu'alaikum Wr. Wb. Beberapa minggu terakhir ane jadi jarang posting di blog. Maklum hari libur jadi suka main game sampe...
-
Assalamu'alaikum Wr. Wb. Lama gak corat coret di blog. hue :sorry Postingan ini mungkin hanya sebagai selingan pengisi blog yang ko...
-
Assalamu'alaikum Wr. Wb. Jumpa lagi :cool di postingan kali ini ane bakal ngasih tutorial sederhana buat mengganti atau menghilangk...
-
Assalamu'alaikum Wr. Wb. Kali ini ane mau rilis tool sederhana buat indent kode C dan C++. Tool ini dikhususkan buat pengguna Synta...
-
Assalamu'alaikum Wr. Wb. Dikesempatan yang berbahagia ini ane mau share trit design terbaru ane. Silahkan langsung saja di sedo...
-
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم Di postingan kali ini ane mau berbagi snippet sederhana di delphi untuk memutar file...
-
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم Udah lama gak update postingan di blog. Banyak kesibukan di RL soalnya, mostly tugas-tu...
-
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم Ada sebuah trik pada Windows yang bisa menampilkan pesan status disaat Windows melakukan...
-
Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.
Angki © 2015 - 2017. Diberdayakan oleh Blogger.
Posting Komentar