Random teks adalah sebuah tulisan atau kutipan tertentu yang di tampilkan secara acara acak ketika halaman telah sepenuhnya di muat, trik random teks ini cocok untuk membuat sebuah kutikan atau tulisan tertentu yang ingin anda tampilkan secara berbeda dan saya menerapkan trik ini pada tips di blog ini. untuk lebih jelasnya silahkan anda klik link tips pada menu navigasi di atas header blog ini dan ketika anda memuat kembali halaman di blog ini maka teksnya pun akan berganti secara acak.
pastikan template anda sudah terpasang
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
cara membuat random teks ini tidak sulit, kita hanya perlu menggunakan sedikit javascript yang juga tidak memberatkan load atau waktu muat halaman dan scriptnya adalah sebagai berikut:
<script type='text/javascript'>
//javascript quote in arrays db
quote = new Array(5);
quote[0] = "<b>tulisan disini</b>";
quote[1] = "<b>tulisan disini</b>";
quote[2] = "<b>tulisan disini</b>";
quote[3] = "<b>tulisan disini</b>";
quote[4] = "<b>tulisan disini</b>";
//menentukan random index
index = Math.floor(Math.random() * quote.length);
//menampilkan quote
document.write("\n");
document.write(quote[index]);
//db end arrays
</script>
cara untuk menempatkan tulisan atau kutipan yang ingin anda tampilkan silahkan lihat pengaturan di bawah ini:
- quote = new Array(5); :
- Kalau ingin menambah 10 atau 100 tips rubah saja script kodenya quote = new Array(10); atau quote = new Array(100); dan buat daftar quote[0] = "tulisan disini"; sampai dengan quote[100] = "tulisan disini";
- quote :
- bisa anda ubah dengan kata misalnya bijak, puisi, tips kutipan dll.
- tag :
- pada tag ini bisa juga di gantikan dengan class atau id tertentu.
- Penting :
- Selain kode di atas, anda tidak perlu merubah kode lainnya.
silahkan menempatkannya di widget sobat dalam kotak javacsript atau html dan lihat hasilnya.
untuk menerapkannya dalam bentuk lain, silahkan saja sobat coba bereksperimen sendiri, semoga berguna...
Belum ada tanggapan untuk "Membuat javascript random teks"
Post a Comment