*
*
*
*
Snack's 1967

Site Counter


free web counter

bebj.com - free visitors browsers counter




Site Partner & Ads


Free Shoutbox Technology Pioneer
Protected by Copyscape Online Plagiarism Checking Software
Favicon maker- Create a favicon from any image


My Facebook




Memasang Kursor Berefek di Halaman Web

Posted on January 15th, 2010

Pernahkah anda melihat mouse kursor anda berubah seketika saat anda masuk ke halaman suatu web? Kursor berefek diikuti bintang, tulisan, maupun gambar yang mengekor atau berputar-putar di sekitar kursor tersebut. Seperti halnya yang anda lihat di halaman ini, hem... lebih cantik kan tampilannya? Oke dech langsung saja nich ku kasih triknya, sekaligus scriptnya.

1] Copy & paste script di bawah ini ke halaman web kamu, tempatkan di antara tag

<head>...</head>

Download this script

2] Anda bisa juga memodifikasi sendiri efek yang ditampilkan kursor, misalnya ingin mengganti efek berupa bintang tersebut dengan dengan huruf abjad A ,B ,C ,D..., bahkan nama anda, tinggal ganti beberapa elemen script di bawah ini.

<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>

menjadi seperti contoh di bawah ini
<DIV ID="div1" CLASS="s1">H</DIV>
<DIV ID="div2" CLASS="s2">E</DIV>
<DIV ID="div3" CLASS="s3">R</DIV>
<DIV ID="div4" CLASS="s4">Y</DIV>

3] Sedang untuk mengganti warna efek kursor, maupun ukuran efek, perhatikan perubahan yang perlu dilakukan berikut.

.s1 { position : absolute; font-size : 10pt; color : pink; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : purple; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : pink; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : purple; visibility : hidden; }

Menjadi,
.s1 { position : absolute; font-size : 12pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 12pt; color : green; visibility : hidden; } .s3 { position : absolute; font-size : 12pt; color : red; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : yellow; visibility : hidden; }

Nach, slesai dah edit scriptnya. Silahkan mencoba, semoga berhasil