Membuat Ucapan Selamat Berdasarkan Waktu di Postingan
14:32:41 Selamat Siang,, Sobat Blogger !
Info unik & keren kali ini adalah tentang Membuat Ucapan Selamat
Berdasarkan Waktu di Postingan Artikel. Ide awalnya sich saya ambil dari
script alert box selamat datang kemudian saya modifikasi untuk membuat
otomatisasi ucapan selamat seperti "Selamat Pagi, Siang atau Malam" di
dalam postingan artikel biar artikelnya terlihat dinamis dan up-to-date.
Coba sobat perhatikan paragraf pertama tulisan dengan latar belakang
kuning, ucapan selamat akan menyesuaikan dengan tampilan waktu di
sebelahnya. Ucapan selamat yang ditampilkan yaitu Selamat Pagi, Selamat
Siang, Selamat Sore dan Selamat Malam sesuai dengan waktu komputer saat
ini.
Kode script ini cukup unik selain memberikan ucapan selamat, script ini juga memberikan interaksi kepada pengunjung saat pertama kali membaca postingan artikel sobat blogger. Postingan artikel akan terlihat dinamis ditambah dengan konten blog yang menarik akan memberikan pengalaman unik di setiap postingan artikel sobat blogger.
Oke... buat yang tertarik monggo, silakan dipasang aja kode javascriptnya di bawah kode <Head> atau bisa juga disisipkan langsung di dalam artikel. Untuk penggunaan tinggal tambahkan kode [ id="salam" ], contoh <span id="salam">Selamat</span>. Ingat !!! jangan menaruh teks di dalam tag tersebut cukup teks awal saja, misalnya Selamat karena teks yang ada di dalam tag tersebut akan dirubah menjadi teks ucapan salam sesuai dengan waktu.
Kode script ini cukup unik selain memberikan ucapan selamat, script ini juga memberikan interaksi kepada pengunjung saat pertama kali membaca postingan artikel sobat blogger. Postingan artikel akan terlihat dinamis ditambah dengan konten blog yang menarik akan memberikan pengalaman unik di setiap postingan artikel sobat blogger.
Oke... buat yang tertarik monggo, silakan dipasang aja kode javascriptnya di bawah kode <Head> atau bisa juga disisipkan langsung di dalam artikel. Untuk penggunaan tinggal tambahkan kode [ id="salam" ], contoh <span id="salam">Selamat</span>. Ingat !!! jangan menaruh teks di dalam tag tersebut cukup teks awal saja, misalnya Selamat karena teks yang ada di dalam tag tersebut akan dirubah menjadi teks ucapan salam sesuai dengan waktu.
Cara Pemasangan
- Login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML".
- Cari kode <Head> kemudian copy-paste kode di bawah ini tepat di bawah kode <Head> atau
bisa juga ditempatkan/disisipkan langsung di dalam artikel.
- Untuk penggunaan cukup pasang kode <span id="salam">Selamat</span> di dalam postingan artikel pada mode "Edit HTML".
- Kode script ini menghasilkan ouput teks di dalam tag HTML oleh karenanya biar lebih unik lagi sobat blogger bisa menambahkan kode Style CSS di dalam tag tersebut.
Contoh :
<span id="salam" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0);
background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9),
rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px
outset rgb(0, 0, 0); color: black; font-family: Verdana,serif;
font-size: 12px; line-height: 1.5em; overflow-x: hidden; overflow: auto;
text-align: left; ">Selamat Datang</span>
Saya kira sampai disini sobat sudah paham mengenai penggunan dan
pemasangan script ini, jangan lupa cendolnya yaa... supaya saya bisa
semangat memberikan info unik dan menarik lainnya...
.:Semoga Bermanfaat:.
Tidak ada komentar:
Write Komentar