Menampilkan Pesan Secara Random

Posted by Unknown on Thursday, November 12, 2009

Menampilkan Pesan Secara Random Pada Blog. Tips ini hampir sama dengan tips yang pernah Tips dan Trik Blog posting sebelumnya yaitu postingan tentang membuat rotasi image pada background. Perbedaannya, jika pada tips yang terdahulu yang dibuat random adalah image-nya maka pada tips yang ini yang dibuat random adalah teks atau tulisannya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Dengan tips ini, kita dapat menampilkan pesan apa pun secara random pada blog. Pesan tersebut akan berganti secara random setiap pengunjung melakukan loading halaman blog tersebut. Selain pesan, kita dapat menampilkan informasi singkat atau juga dapat berupa tips-tips yang bermanfaat bagi pengunjung yang singgah pada blog kita.

Berikut cara membuatnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut ini.

<font color: rgb(0, 153, 0);">#0101DF"><b>Pesan Hari Ini... </b><p>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(6);
tips[0] = "<i>Jangan lupa sholat pada kesempatan apa pun!!</i>";
tips[1] = "<i>Ingat, hidup hanya sebentar!!</i>";
tips[2] = "<i>Selalu lihat ke bawah, sesekali boleh lihat ke atas</i>";
tips[3] = "<i>pesan keempat,………….</i>";
tips[4] = "<i>pesan kelima,,……………</i>";
tips[5] = "<i>pesan keena,……..………</i>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
</font>


Keterangan

  • Jika menginginkan warna yang berbeda, silakan ganti kode warna (berwarna hijau spt di atas) dengan kode warna yang lain, untuk melihat kode warna, dapat dilihat di sini.
  • Tulisan “pesan hari ini,…” dapat diganti dengan tulisan yang lain.
  • Contoh pesan-pesan yang ingin ditampilkan adalah seperti tulisan yang berwarna ungu.
  • Jika ingin menambahkan pesan lakukan dengan menambahkan kode “tips[6]”, “tips[7]” dst,..diikuti dengan pesan-pesan yang ingin ditambahkan.
  • Angka 6 pada array harus diganti sesuai dengan jumlah pesan yang ingin ditampilkan. Jika pesannya ada 10 maka kita harus ganti dengan angka 10.

Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan pesannya sudah muncul pada bagian side bar blog kita.

Selamat Mencoba!!

(sumber : o-om.com)
Description: Menampilkan Pesan Secara Random Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilkan Pesan Secara Random

{ 0 comments... read them below or add one }

Post a Comment