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>