Adsense IndonesiaAdsense IndonesiaAdsense IndonesiaAdsense IndonesiaAdsense IndonesiaAdsense Indonesia

Cara Membuat Kotak Tips

>> 

Kalo ada blog yang ngasih tahu aktifitas si pembuat walaupun dia tidak online, sekarang ada lagi gadget yang menampilkan tips-tips yang kita buat sendiri. Kamu ingin tahu caranya??? Ayo pantengin terus halaman ini sampai kamu berhasil membuatnya.

Cara Membuat Kotak Tips :

Pertama kamu harus Login dulu ke account blogger, kemudian kalau udah masuk di Dashboard klik pada Layout. Kalo udah, lalu pada halaman Page Element klik Add a Gadget. Kamu tunggu sebentar dan kalo udah muncul menu pilihan gadget, kamu pilih HTML/JavaScript. Selanjutnya kamu copy-paste script dibawah ini pada box yang masih kosong :

<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> Apakah Kamu Tahu???</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/>


6. Dan langkah yang terakhir adalah simpan Gadget tersebut.

NB :
Kode warna biru adalah text tips yang akan kamu tampilkan nantinya.

Kode warna pink adalah icon/logo dari tips, bisa kamu ganti sesuai keinginan kamu (tinggal arahkan saja alamat url dimana logo/icon kamu simpan)

Kode warna merah adalah 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)

Trik ini aku dapat dari o-om lho. Aku ucapin makasih buat o-om yang udah kasih tahu triknya.
Kemudian untuk menambahkan tips anda, silakan perhatikan kode dibawah ini :

Di bawah ini adalah contoh tips yang terdiri dari 5 macam tips :
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>";

kalo kamu ingin menambahkan lagi, kamu tambahkan kode seperti di bawah ini sesudah tips[4] = "<i> tips 6</i>"; :

tips[5] = "<i>tips bla bla bla 1</i>";
Begitu mudahnya khan?? Kamu pasti bisa membuatnya sendiri..
SELAMAT MENCOBA!


Kalau ingin men-Donload artikel ini, nggak usah Copy-Paste. Di halaman ini ada kotak "Free Download Article & Documents"

Related Posts by Categories



0 Komment:

Related Websites

Vistors

Locations of visitors to this page free counters

Blogger Blog Review at Blogged

Shout Box Comment

  © Roshid Theme by scenica.co.cc 2009

TOP  

skater