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.
untuk menerapkannya dalam bentuk lain, silahkan saja sobat coba bereksperimen sendiri, semoga berguna...
2 komentar
kalo kebnyakan java script kata nya blog kita bisa berat ya mas loading nya...
BalasHapustergantung fungsinya sob, ini cuma script kecil
HapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>