Cara membuat tampilan blog atau web memilki fitur ucapan selamat siang pagi atau malam realtime

*Tulisan akan muncul*
*di sini*

SELAMAT DATANG SELAMAT MEMBACA

Penelusuran : tampilan blog atau web memilki fitur ucapan selamat siang pagi atau malam realtime 

SOURCE IMAGE : Rizal DRCTI

Cuaca sangat cerah hari ini seakan, teringat ingin memoles bentuk web blog agar tampil cerah, udah lama nga nge blog. Bertemu kembali bersama Blog Rizal DRC Dari kita untuk kita blog berbagi info menarik, wawasan dan tips untuk menambah pengetahuan kita bersama.

Kali ini kembali berbagi bagaimana cara membuat suatu halaman di blog kita yang memiliki fitur tampilan ucapan selamat pagi, selamat siang dan selamat malam seperti tampilan di blog kita Rizal DRC.

contoh nya dapat dilihat pada ucapan salam kami di sisi atas halaman ini terlihat text ucapan, saat kita buka halaman ini baik siang atau malam, blog akan tampilkan secara realtime 

oke tanpa panjang lebar kita langsung saja 

Memoles blog dengan kata kata waktu saat ini, saat pengunjung atau pembaca kita di waktu malam akan tampil selamat malam, hal ini dapat disiasati dengan suatu kode scripts pada blog kita

oke kita praktek dan uju kode ini adalah kode berupa script, dimana temans dapat menuliskan nya pada postingan dan ubah dalam bentuk html pada saat penulisan posting

bagaimana kodenya save aja kode scripts dibawah ini terbih dahulu, lalu kita copy paste pada saat teman akan membuat postingan 

<div id="greeting">

    <p>*Tulisan akan muncul*

        <br />*di sini*
    </p>

    <script type="text/javascript">d = new Date(); var time = d.getHours(); var greeting="
        السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ Selamat pagi Member"; if (time

        <
        4) { greeting =" السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

        <br />Selamat Malam Member"; } if (time >= 4) { greeting =" السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ
        اللهِ وَبَرَكَاتُهُ

        <br />Selamat pagi Member"; } if (time >= 12) { greeting =" السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ
        اللهِ وَبَرَكَاتُهُ Selamat Siang Member";} if (time >= 15) { greeting =" السَّلاَمُ
        عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ Selamat Sore Member";} if (time >= 19) { greeting
        =" السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ Selamat Malam Member";} var div =
        document.getElementById("greeting"); div.innerHTML = greeting;
    </script>
</div>

Selain dilokasi postingan, teman teman juga dapat menuliskan kode tersebut pada widget, dimana saat membuat postingan lainnya akan selalu tampil, caranya adalah dengan mencari menu tata letak pada dan pilih tambah widget kemudian pilih html. dan masukkan kode tersebut.

Pada tampilan kode ada tulisan bahasa arab, atau teman teman ingin menambah kata lain dalam bahasa arab, dapat mencari di web web bahasa arab dan kopy paste kata tersebut dan disisipkan di area scripts diatas dengan menambah kan <br./>

oke teman teman demikianlah tips membuat tampilan ucapan selamat pagi, siang sore dan malam secara realtime