Memasang "tips of the day" pada blog

untuk membuat blog kita terlihat lebih profesional,kita bisa menambahkan "tips of the day" di blog kita.tips of the day adalah tips singkat yang ditulis oleh pemilik blog kepada pengunjung.tips of the day bisa berisi tips memasak,tips kesehatan,tips keuangan dan masih banyak lagi.tips tips seperti itu pasti akan sangat menarik perhatian pengunjung sehingga mereka tidak bosan berkunjug ke blog anda.karena mereka bisa mendapatkan tips tips singkat yang berguna ketika berkunjung ke blog anda.tips of the day disini bukan tips yang akan disampaikan setiap hari.melainkan tips tips ini akan selalu berganti ketika pengunjung merefresh atau reload halaman blog anda.

ternyata cara buatnya tidak terlalu susah kok.cukup ikuti langkah dibawah ini:

1.perhatikan kode dibawah ini

<a href="http://www.o-om.com">
<img border="0" style="float:left; margin:0 5px 5px 0;cursor:pointer; cursor:hand;" alt="http://www.o-om.com" src="http://www.geocities.com/oom_directory/tipsOftheday.gif"/></a>
<font color="#333333"><b>Did You Know...</b>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</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>
<a href="javascript:location.reload(true)"> »»</a> <a target="_blank" href="http://www.o-om.com/2007/12/cara-buat-random-tips-of-day.html">(?)</a>
<br/>

catatan penting:
ada beberapa kode yang tidak boleh diubah seperti.

tulisan yang berwarna biru merupakan kode untuk mereload atau merefresh tips tersebut sehingga akan selalu terganti tulisan yang boleh diganti

tulisan yang boleh diganti

1..tulisan yang berwarna merah adalah tampilan text.ini boleh anda ubah sesuai keinginana anda

2. tulisan berwarna hijau merupakan tampilan logo.logo tersebut bisa anda ganti dengan gambar yang anda inginkan.caranya tinggal copy alamat gambar yang telah anda upload dan paste di tempat itu

Bagaimana jika anda ingin menambah tips of the day yang akan ditampilkan.caranya di bawah ini:
kode di bawah ini berarti anda hanya akan menampilkan 5 tips dalam blog anda

tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";

jika anda ingin menambah 7 tips ataupun 20 tips..tinggal ganti "new Array"menjadi "(7)" kemudian tinggal tulis aja tips2 nya sebanyak 7.yang harus di ingat adalah jumlah tips dihitung mulai dari 0(nol) bukan 1 (satu)..makanya hasilnya akan jadi seperti ini :

tips = new Array(7);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";
tips[5] = "<i>tips...6</i>";
tips[6] = "<i>tips...7</i>";

2.setelah anda selesai mengedit kode tersbut..silahkan copy kode tersebut kedalam blog anda.caranya :

masuk ke layout-page element-add gadgets-add htm/java code-langsung paste kode tadi disana.lalu save

3.anda bisa melihat blog anda sekarang.tips of the day telah muncul di blog anda.coba reload atau efresh blog anda maka tips of the day akan langsung berganti ke tips lainnya



source : o-om.com
Read More..