Menyapa Pengunjung Memakai Widget Welcome Note Dibawah Judul Artikel

Selasa, 14 Maret 2017

Menyapa kepada setiap pengunjung yang tiba untuk membaca artikel kita yaitu suatu hal yang sangat sopan berdasarkan saya.

Apalagi jikalau kita memakai Widget Welcome Note yang bertugas untuk menyapa pengunjung diwaktu yang tepat, ibarat mengucapkan Selamat Pagi, Selamat Siang, Selamat Datang dan lain sebagainya.

Teman-teman bisa lihat Contoh dari Widget Welcome Note yang aku gunakan diatas, posisinya tepat berada dibawah Judul artikel.



Saya Pernah mampir ke sebuah blog yang memakai Welcome Alert untuk menyapa pengunjung.

Saat itu aku pribadi di kejutkan dengan Munculnya Windows Baru ibarat sebuah notifikas peringatan yang isinya yaitu sebuah sambutan kepada pengunjung.

Pengunjung harus mengikuti isyarat dari Notifikasi tersebut dengan menekan tombol ok. Tapi sayangnya Welcome Alert itu tidak hanya muncul sekali, sebab hampir disetiap loading page akan muncul Welcome Alert ini.

Menurut saya, jikalau seorang blogger memakai Welcome Alert untuk menyambut pengunjung, hal ini justru sanggup mengganggu pengunjung. Kalau berdasarkan teman-teman bagaimana?

Tekan Tombol Demo dibawah ini semoga kau bisa melihat salah satu pola dari Welcome Alert yang cukup mengganggu bagi pengunjung. Dan berdasarkan aku Fungsi Welcome Alert ini memang tidak cocok untuk menyapa pengunjung.



Saya tidak melarang teman-teman untuk berkreasi dalam Modifikasi atau Re-design blog yang sedang kau kembangkan demi memanjakan pengunjung. Tapi jangan hingga menyulitkan pengunjung untuk membaca artikelnya juga yah teman-teman.

Kamu harus selalu ingat dengan istilah Content is King.

Ohya, bahu-membahu Welcome Alert yang aku maksud diatas itu juga aku terapkan kedalam script anti klik kanan yang sudah pernah aku bahas di blog ini.

Baca juga: Script Anti Klik Kanan

Jika ketika ini kau masih memakai fungsi Welcome Alert untuk Menyapa setiap pengunjung yang datang, coba deh kau bayangkan jikalau pengunjung yang tiba yaitu seorang pembaca yang awam.

Apakah pengunjung tersebut akan mengikuti setiap isyarat yang ada pada Welcome Alert tersebut demi membaca artikel yang mereka butuhkan atau justru akan pribadi meninggalkan blog kau tanpa basa basi?

Saya tidak akan memperlihatkan tanggapan dari pertanyaan ini yah teman-teman. Kamu bisa memakai kecerdikan kau atau bisa juga memanfaatkan kemampuan kau dalam bereksperimen.

Saran dari aku sih lebih baik teman-teman meninggalkan cara usang dan mulai memakai Widget Welcome Note yang akan aku share di artikel kali ini.

Widget Welcome Note ini bahu-membahu memakai JavaScript yang fungsinya hanya untuk memilih timing/waktu. Saya Pastikan bahwa JavaScript ini tidak akan menambah beban pada loading blog.

Berikut ini yaitu tabel dari fungsi JavaScript yang dipakai untuk menjalankan Widget Welcome Note dibawah Judul Artikel.

Waktu	Keterangan
00.00 hingga 04.59	memberikan sambutan Terima Kasih Telah Berkunjung
05.00 hingga 11.00	memberikan sambutan Selamat Pagi
11.01 hingga 15.00	memberikan sambutan Selamat Siang
15.01 hingga 18.00	memberikan sambutan Selamat Sore
18.01 hingga 00.00	memberikan sambutan Selamat Malam

Silahkan ikuti beberapa langkah ini jikalau kau tertarik untuk memasang Widget Welcome Note dibawah Judul Artikel ibarat yang aku gunakan pada blog ini.

• Pastikan kau sudah masuk ke dashboard blog.
• Buka Template dan pilih Edit HTML.
• Setelah Halaman Edit HTML terbuka dengan sempurna, cari kode tag Kondisional ibarat ini <b:if cond='data:view.isPost'>.
• PARSE terlebih dulu kode JavaScript dibawah ini.

<div id="welltime"> <div class="blink"><script>var _0x3836=["\x67\x65\x74\x48\x6F\x75\x72\x73","\x54\x45\x52\x49\x4D\x41\x20\x4B\x41\x53\x49\x48\x20\x53\x55\x44\x41\x48\x20\x4D\x41\x4D\x50\x49\x52\x20\DI WWW.KANGWIRA.COM","\x53\x45\x4C\x41\x4D\x41\x54\x20\x50\x41\x47\x49","\x53\x45\x4C\x41\x4D\x41\x54\x20\x53\x49\x41\x4E\x47","\x53\x45\x4C\x41\x4D\x41\x54\x20\x53\x4F\x52\x45","\x53\x45\x4C\x41\x4D\x41\x54\x20\x4D\x41\x4C\x41\x4D","\x77\x72\x69\x74\x65"];var _0xcc10=[_0x3836[0],_0x3836[1],_0x3836[2],_0x3836[3],_0x3836[4],_0x3836[5],_0x3836[6]];function greeting(){Now=  new Date();Hour= Now[_0xcc10[0]]();if(Hour< 5){msg= _0xcc10[1]}else {if(Hour< 11){msg= _0xcc10[2]}else {if(Hour< 15){msg= _0xcc10[3]}else {if(Hour< 18){msg= _0xcc10[4]}else {if(Hour< 24){msg= _0xcc10[5]}}}}};return (msg)}document[_0xcc10[6]](greeting())     </script></div> </div>

• Letakkan Kode JavaScript diatas sebelum kode <div itemprop='description articleBody'>.
• Biasanya akan ada 2 kode articleBody ibarat pola diatas, pilih saja articleBody yang kedua
• Setelah itu Salin CSS dibawah ini dan letakkan sebelum kode </style> yang mana saja terserah kamu.

#welltime{padding:10px;margin-bottom:5px;background:#9A12B3;color:#ffffff;text-align:center;font-size:110%;font-weight:bold} .blink{animation-duration:0.3s;animation-name:kangwirablink;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out} @keyframes kangwirablink{from{opacity:1}to{opacity:0.2}}

• Simpan Template, kemudian Lihat hasilnya.

Perhatikan yang aku tandai pada panel JavaScript dan CSS diatas. Kamu bisa rubah kalimat dan warna background atau warna text nya sesuai dengan impian kamu.

Ohya Jika kau memasang JavaScript iklan otomatis di tengah artikel, silahkan simpan Kode JavaScript dari Widget Welcome Note ini sebelum kode Iklan Otomatis yang kau gunakan.

Simpan kembali perubahan template, dan lihat hasilnya.

Nah gampang bukan cara menerapkan Widget Welcome Note yang aku share ini?

Baca juga: Menampilkan Adsense didalam Artikel Blog [worked]

Jangan sungkan untuk bertanya melalui kolom komentar dibawah ini teman-teman. Dan jangan lupa berikan Pendapat, Kritik dan Saran jikalau ada kekurangan pada artikel kali ini.

Supaya gak Ketinggalan Tutorial lainnya, silahkan kau isi kan email kau dikolom Berlangganan Gratis dibawah ini yah teman-teman.

Share This :