Apa sih Tips of the day...
Kalau menurut gue sih adalah sebuah pesan harian positif yang mungkin bisa dimanfaatkan baik pribadi maupun orang lain. Seperti halnya pesan orang tua buat anak kesayangannya misalnya "Sayang...kamu jangan suka keluyuran malam ya, selain tidak bagus buat kesehatan juga tidak bagus dilihat orang..."
Tips ini bisa apa saja baik bisnis, rumah tangga, islami, politik maupun nge-blog... pokoknya terserah yang ngasih tips saja.
Nah..kemaren ketikaberkunjung kerumahnya O-OM.com, saya ngga sengaja menemukan bagaimana cara membuat tips of the day ini dimana cara membuatnya sangat gampang (hehehee....gampang emang karena tinggal copas alias copy-paste) dan tips ini akan terus berganti setiap refresh halaman.
Nah... menurut O-OM.com bahwa tips ini bukan hanya untuk menyampaikan informasi pendek saja namun juga bisa dipakai untuk memposting suatu artikel yang tidak terlalu panjang.
Udah ah... kita langsung aja kelangkah bagaimana cara membuatnya :
1. Login dulu ke account blogger anda
2. Kemudian kalau udah masuk di Dashboard atau Kontrol panel klik pada Layout atau Tata Letak
3. Lalu pada halaman Page Element klik Add a Gadget
4. Pilih HTML/JavaScript
5. Kemudian copy-paste script 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 bla bla bla 1</i>";
tips[1] = "<i>tips bla bla bla 2</i>";
tips[2] = "<i>tips bla bla bla 3</i>";
tips[3] = "<i>tips bla bla bla 4</i>";
tips[4] = "<i>tips bla bla bla 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/>
6. Sebagai langkah terakhir adalah simpan Gadget tersebut
Attention :
Kode warna hijau merupakan text tips yang akan ditampilkan nantinya.
Kode warna pink merupakan icon/logo dari tips, kamu bisa mengganti sesuai keinginan (caranya tinggal arahkan saja alamat url dimana logo/icon kamu disimpan)
Kode warna merah merupakan kode singkat untuk melakukan refresh atau reload halaman, ketika kode ini di klik maka setiap halaman di refresh tips tersebut akan berganti secara otomatis (kode ini jangan di modifikasi ya... sekalian sebagai lisensi dan menghormati pembuatnya)
Kemudian untuk menambahkan tips anda, silakan perhatikan kode dibawah ini :
Tips ada 5 macam :
tips = new Array(5);
tips[0] = "<i>tips bla bla bla 1</i>";
tips[1] = "<i>tips bla bla bla 2</i>";
tips[2] = "<i>tips bla bla bla 3</i>";
tips[3] = "<i>tips bla bla bla 4</i>";
tips[4] = "<i>tips bla bla bla 5</i>";
Menjadi 10 macam :
tips = new Array(10);
tips[0] = "<i>tips bla bla bla 1</i>";
tips[1] = "<i>tips bla bla bla 2</i>";
tips[2] = "<i>tips bla bla bla 3</i>";
tips[3] = "<i>tips bla bla bla 4</i>";
tips[4] = "<i>tips bla bla bla 5</i>";
tips[5] = "<i>tips bla bla bla 6</i>";
tips[6] = "<i>tips bla bla bla 7</i>";
tips[7] = "<i>tips bla bla bla 8</i>";
tips[8] = "<i>tips bla bla bla 9</i>";
tips[9] = "<i>tips bla bla bla 10</i>";
Nah sekarang silakan mencoba....
0 komentar:
Posting Komentar