Kamis, 20 Januari 2011

tutorial appserv

Pada Tutorial ini saya akan menjelaskan cara menginstall paket web server dan web database AppServ 2.6.0, yang merupakan versi terbaru, di dalam paket ini terdapat aplikasi :
- Apache Versi 2.2.8
- PHP versi 6.0
- MySQL versi 6.0
- PHPMyAdmin
Sementara untuk mempesiapkan hal-hal yang dibutihkan untuk membuat script php, antara lain :
1. Web Server : Mis : XAMPP, WAMP, Apache, ApacheTriad, AppServ, dll.
2. Web Scripting : Mis : PHP, JavaScript, ASP, dll.
3. Web Database : Mis : MYSQL, Postgare, dll
4. Web Editor : Mis : Macromedia Dreamweaver, Notepad, dll.
5. Web BrowserBrowser : Internet Explorer, Mozilla Firefox, dll.
Untuk proses penginstalan AppServ, kita harus men-Download installer-nya pada alamat situs : http://www.AppServNetwork.com dengan kapasitas 20.7 mb untuk AppServ versi 2.6.0 Sekarang mari kita mulai proses penginstalannya :
  1. Setelah anda mendowloadnya, silakan install AppServ anda dengan cara klik 2 kali file 
   appservwin32-2.6.0.exe 

  
2. Maka akan muncul tampilan pada gambar dibawah ini. Kemudian klik Next >.


3. Klik I Agree untuk melanjutkan instalasi


4. Jika ingin mengganti Destination folder, klik browse, jika tidak   defaultnya di C:AppServ, kemudian klik Next >.


5. Centang semua pilihan, untuk menginstall semua komponen yang dibutuhkan. Kemudian klik Next >.


6. Isikan server name dengan “localhost” dan email anda mis “andy_ilkom@yahoo.co.id. Kemudian klik Next >.


7. Kemudian isi Password anda dua kali, kemudian klik Install.


8. Proses instalasi sedang berjalan, tunggu hingga selesai. Kemudian klik Finish.


9. Buka browser Anda misalnya Internet Explore dan ketikkan localhost di address bar, kemudian tekan enter. Apabila muncul tampilan seperti gambar di bawah ini berarti proses instalasi sudah berhasil.



logo amikom purwokerto

Kamis, 13 Januari 2011

Cpanel Sederhana (insert Update delete data) dengan PHP dan MySql

Sangan tidak di pungkiri dalam sebuah website dinamis adanya Cpanel(halaman admin),yaitu sebuah
halaman yang du gunakan untuk mengatur isi dari website kita.topik pembahasan kita sekarang adalah
baigaiman kita membuat halaman admin yang mampu memasukkan ,mengapdate dan menghapus data dari database mysql ok langsung saja lah.......

File yang di butuhkan
1. config.php : di gunakan untuk mengatur koneksi ke database
2. index.php :di gunakan sebagai media untuk memasukkan,mengapdate,dan mendilte data

Pertama-tama kita buat databasenya dulu ini querynya :

CREATE DATABASE berita ;
USE berita ;
CREATE TABLE `berita` (
`id` INT( 11 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`pengirim` VARCHAR( 15 ) NOT NULL ,
`judul` VARCHAR( 50 ) NOT NULL ,
`isi` TEXT NOT NULL ,
`tanggal` VARCHAR( 15 ) NOT NULL
) ENGINE = MYISAM ;

Setelah itu bikin file config.php kopi paste aja sripnya di bawah ini :

<?
mysql_connect('localhost','root','passwordanda')or die('Koneksi Gagal');
mysql_select_db('berita')or die('Database tidak di temukan');
?>

Selanjudnya buat file index.php dan scripnya di bawah ini :

<div style="border:#FF0000 2px dashed; float:inherit; width:60%; margin:10px; padding:10px;
background-color:#FF99FF;">
<?
include'config.php';
switch($_GET[act]){
default :
echo "<input type=button value='klick di sini untuk Tambah
Topik'onclick=location.href='?index.php&act=tambahtopik'><br>";
echo"<table>";
echo"
<tr>
<td style=background-color:white align=center><font
color=red><b>pengirim</b></font></td>
<td style=background-color:white align=center><font
color=red><b>judul</b></font></td>
<td style=background-color:white align=center><font color=red><b>Isi
Berita</b></font></td>
<td style=background-color:white align=center><font
color=red><b>Pengauran</b></font></td>
</tr>";
$tampilkantopik = mysql_query("SELECT * FROM berita ORDER BY id");
while($tmpil=mysql_fetch_array($tampilkantopik)){
echo"
<tr>
<td>$tmpil[pengirim]</td>
<td>$tmpil[judul]</td>
<td>$tmpil[isi]</td>
<td colspan=2><a href=?index.php&act=edittopik&data=$tmpil[id]> edit |
</a><a href=?index.php&act=hapustopik&data=$tmpil[id]> hapus </a></td>
</tr>
";
}
echo"</table><br><br><br> ";
break;


case "edittopik":
echo "<h2><center>Form Edit Berita</center></h2>";
if(isset($_GET['data'])){
$dataId=$_GET['data'];
$tampildeh = mysql_query("SELECT * FROM berita WHERE id='$dataId' ORDER by id
asc");
if($tampildong = mysql_fetch_array( $tampildeh )){
$idNya=$tampildong['id'];
echo "
<form action='' method='POST'>
<table>
<tr><td>pengirim : </td><td><input type=text name=txtpengirim
value=$tampildong[pengirim]></td></tr>
<tr><td>judul : </td><td><input type=text name=txtjudul
value=$tampildong[judul]></td></tr>
<tr><td>Isi berita : </td><td><textarea name='txtisi' cols=50
rows=5>$tampildong[isi]</textarea></td></tr>
<tr><td><input type='hidden' name='txtid' value='$idNya'></td><tr><td><input
type='submit' name='update' value='update'></td></tr>
</table>
</form>
";
}
}
if(isset($_POST['update'])){
$pengirim = $_POST['txtpengirim'];
$judul = $_POST['txtjudul'];
$isi = $_POST['txtisi'];
$id = $_POST['txtid'];
$update = mysql_query("UPDATE berita SET pengirim='$pengirim', judul='$judul',
isi='$isi' WHERE id='$id'")or die(mysql_error());
if($update){
?>
<script language="javascript">
alert('Selamat ya DataNya Berhasil di Update ^_^ !');
document.location='index.php';
</script>
<?
}else{
?>
<script language="javascript">
alert(';(( maaf ya datanya Gagal di Update !');
document.location='index.php';
</script>
<?
}
}
break;


case 'hapustopik' :
if(isset($_GET['data'])){
$dataId=$_GET['data'];
$delete = mysql_query("DELETE FROM berita WHERE id='$dataId'");
if ($delete){
?>
<script language="javascript">
alert('6_6 Berhasil di delete !');
document.location='index.php';
</script>
<?
}else{
?>
<script language="javascript">
alert(':(( Gagagl Di delete !');
document.location='index.php';
</script>
<?
}
break;
}


case 'tambahtopik':
echo "<h2><center>Form Tambah Berita</center></h2>";
echo"
<form action='' method='POST'>
<table>
<tr><td>Pengirim : </td><td><input type=text name=txtpengirim><td></tr>
<tr><td>Judul : </td><td><input type=text name=txtjudul><td></tr>
<tr><td>Isi Berita : </td><td><textarea name='txtisiberit' cols=50
rows=5></textarea><td></tr>
<tr><td><input type='submit' name='tambah' value='kirim'></td></tr>
</table>
";
if(isset($_POST['tambah'])){
$pengirim=$_POST['txtpengirim'];
$judul=$_POST['txtjudul'];
$isi=$_POST['txtisiberit'];
$tambah= mysql_query("INSERT INTO berita VALUES('','$pengirim','$judul','$isi',now())");
if($tambah){
?>
<script language="javascript">
alert('6_6 Berhasil !');
document.location='index.php';
</script>
<?
}else{
?>
<script language="javascript">
alert(':(( Gagagl Di delete !');
document.location='index.php';
</script>
<?
}
}
break;
}
?>
</div>

Dibawah ini adalah sceenshot tampilan jadinya :

Selasa, 04 Januari 2011

cara mempercepat kinerja komputer xp

Ingin meningkatkan perfoma komputer atau notebook Anda lebih cepat dengan cara aman dan tidak perlu mengeluarkan biaya sepersen pun? Memang ada caranya? Ya, tanpa mengupgrade memori ataupun mengganti prosesor, sebenarnya kinerja komputer/notebook Anda dapat ditingkatkan dengan beberapa cara. Khusus untuk Operating System (OS) Windows XP, ada 6 [+1] cara meningkatkan kinerja OS Anda.
1. Non-aktifkan Program Start-Up Extra
Ada beberapa program aplikasi yang memiliki sifat carrier (bawaan) yang mengeksekusi program tersebut pada saat kita baru menghidupkan komputer (start-up). Contoh umum adalah program Updater Acrobat, Real Player, AOL, MS Groove, Winamp, Matlab, YM dan masih banyak lagi. Jika program ini aktif ketika start-up, maka antara start-up hingga dalam keadaan normal (ready) akan membutuhkan  waktu yang lebih lama. Oleh karena itu, non-aktifkanlah program-program yang tidak diperlukan pada awal start-up. Sebaiknya semua program aplikasi non-Windows dan antivirus, maka non-aktifkanlah. Berikut langkah-langkahnya :
  1. Klik Start, lalu klik Run..
  2. Ketiklah msconfig , lalu tekan enter atau klik OK.
  3. Akan tampil System Configuration Utility
  4. Pilih dan kliklah Startup
  5. Pada tab Startup, Anda akan melihat box-box akan ditandai check list hijau (v). Pelajarilah setiap item tersebut dengan melihat Command. Cobalah hilangkan checklist hijau (v) pada item-item program yang tidak diinginkan. Program-program dengan command C:Windows sebaiknya dibiarkan seperti kondisi semula.
  6. Setelah beberapa item telah di unchekc (menghilangkan v pada box), maka kliklah Apply dan/atau OK. Akan ada konfirmasi apakah ingin restart?
  7. Setelah restart, pada layar akan muncul konfirmasi lagi, dan pilihlah “option for not showing this dialogue every
    time your PC reboots
2 . Optimasi Aturan Tampilan (Display Setting)
Secara normal, Windows XP memberi tampilan yang  “indah”, dan tentu saja ini membutuhkan resource (cadangan memori) yang berlebih.  Oleh karena itu, ada baiknya jika Anda memilih tampilan yang biasa-biasa saja alias sederhana. Berikut caranya:
  1. Klik start, lalu klik kanan My Computer
  2. Pilih dan kliklah Properties
  3. Akan muncul System Properties
  4. Pilihlah Advanced
  5. Pada Perfomance, kliklah Setting
  6. Akan muncul Perfomance Option dan Visual Effect
  7. Klik Custom dan silahkan hilangkan beberapa item check list pada box, dan biarkan item-item dibawah ini tetap check (v).
    • Use visual styles on windows and buttons
    • Show shadows under menus
    • Show shadows under mouse pointer
    • Show translucent selection rectangle
    • Show Window contents when dragging
    • Slide taskbar buttons
    • Use common tasks in folders
    • Use drop shadows for icons labels on the desktop
  8. Silahkan klik Apply. Dan kemudian klik OK.
3. Mempercepat Browsing File
Anda pasti mengalami  ketika membuka “My Computer” untuk menelusuri folder-folder terjadi delay (butuh waktu beberapa saat). Hal ini disebabkan karena Windows XP secara otomatis sedang mencari file-file network dan printer setiap kali Anda membuka Windows Explorer. Untuk mempercepat kinerja ini, maka lakukanlah :
  1. Klik start, dan double klik My Computer
  2. Kliklah menu Tools (bagian atas)
  3. Pilihlah Folder Options
  4. Muncul box Folder Options, dan pilihlah View
  5. Hilangkan check (v) pada Automatically search for network folders and
    printers check box
  6. Klik Apply dan selanjutnya OK.
  7. Perubahan hasil akan terlihat setelah restart.
4. Jalankan Disk CleanUp
OS Windows maupun progam aplikasi  selalu “menitip” file sementara (temporary files) di “sekeliling” hard disk Anda, sehingga membutuhkan space.  Hal ini akan membuat kondisi hard disk akan “full” sehingga akan mempengaruhi faktor kecepatan Windows serta mengurangi efisiensi akses hard disk dan operasi memori virtual. Fenonema ini umumnya menjadi masalah ketika komputer kita digunakan untuk browsing dan surfing internet dengan frekuensi tinggi. Cara “penyembuhan”-nya adalah
  1. Klik start, dan double klik My Computer
  2. Klik kanan pada Drive C hard disk
  3. Kliklah Disk Cleanup
  4. Tunggulah beberapa saat dan akan muncul Disk Cleanup for (C:)
  5. Pilihlah (berikan check list V) pada Temporary Internet Files and Recycle Bin
  6. Klik OK dan selesai
  7. Catatan : sebaiknya dilakukan 1 atau 2 minggu sekali
5. Disk Defragmenter
Sering mengcopy dan mendelete file-file dalam hard disk menyebabkan susunan file-file dalam hard disk berantarakan. Antara file folder A akan berserakan diantara folder B, C, atau D. Dan juga sebaliknya file folder B bisa berserakan diantara space folder A, C atau D dan seterusnya. Hal ini akan memperlambat kinerja Windows dalam mengakses data (pembaca hard disk akan mencari file-file cakram pada hard disk yang telah berserakan). Dan biasanya, setelah penggunaan dan peng-copy-an/ pen-delete-an terjadi selama 1, 2, 3 atau 4 bulan, maka struktur file akan berserakan. Untuk itu, kita perlu merapikan file tersebut. Caranya sebagai berikut :
  1. Klik start dan pilih All Programs
  2. Pilih Accessories
  3. Pilih System Tools
  4. Pilih Disk Defragmenter
  5. Akan muncul “Disk Defragmenter” dengan tampilan volume hard disk kita
  6. Kliklah Volume C, dan klik Analyze
  7. Setelah beberapa saat, akan muncul hasil analisisnya. Akan muncul hasil yakni “You do not need to defragment this volume” atau “You need to defragment this volume“.
  8. Jika yang muncul adalah “You need to defragment this volume“, maka kliklah Defragment. Jika sebaliknya, maka kliklah Close.
  9. Setelah seleasai di C, Anda dapat mengecek untuk partisi hard disk di D, E dan seterusnya.
  10. Catatan : lakukan pengecekan dan/atau defragment 2 atau 3 bulan sekali. Jangan sering-sering defragment karena akan berdampak buruk pada hard disk. Maksimum sekali dalam 2 bulan atau lebih.
6. Bersihkan Sistem Register yang Tidak digunakan *
Cara 6 agak sulit karena membutuhkan program untuk membersihkan/mendelete sistem register program-program yang sudah tidak digunakan lagi (sisa-sisa uninstall program). Disamping itu, banyak juga file-file register yang error dalam OS Windows seiring berjalannya waktu. Hal ini akan memperlambat kinerja Windows. Oleh karena itu, secara periodik (mungkin 3 atau 6 bulan sekali) kita perlu me’maintenance” file-file register yang bermasalah. Beberapa program membersihkan sistem register seperti Ashampoo TuneUp Utilities, RegCure dan masih banyak lagi. Sebenarnya, jika Anda mengerti fungsi register pada Windows, Anda dapat melakukannya secara manual melalui command regedit. Namun, agak sulit untuk awam.
7. Rahasia Tambahan +3
Selain 6 langkah tersebut, sebenarnya ada beberapa cara lain seperti :
  1. Pemilihan program antivirus yang efisien, efektif dan handal. Tidak bisa dipungkiri bahwa banyak antivirus yang handal justru memperlambat kinerja Windows. Penggunaan jenis antivirus sangat bergantung pada “perlakuan” yang diberikan pada komputer/laptop Anda. Jika komputer Anda sering dimasukin flash disk atau download “aneh-aneh”, maka sebaiknya menggunakan antivirus yang handal. Jika tidak, Anda bisa tanpa menggunakan antivirus, namun dengan proteksi manual. Baca : Melindungi Komputer Secara Manual dari Serangan Virus
  2. Setting “Direct Memory Access” (DMA)
  3. Menon-aktifkan index file di Windows Component
Penutup
Sekianlah tip untuk mempercepat kinerja OS Windows Anda. Terdiri dari 5 cara praktis ditambah 4 tambahan umum. Terima kasih, semoga bermanfaat.

Rabu, 29 Desember 2010

Cara Mengganti Icon/Logo Blog Di Address Bar

Pada tulisan kali ini saya akan mencoba untuk menuliskan tutorial cara mengganti icon/logo yang terletak di address bar, bagi teman-teman yang ingin tahu bagaimana cara merubah icon blog di address bar, cara mengganti icon blog ini tidak hanya berlaku untuk blog blogger saja, walaupun sedikit beda :-)

Oh ia... yang saya maksud icon/logo itu seperti yang di gambar di bawah ini lho
Cara Mengganti Icon/Logo Blog Di Address Bar

Nah yang di maksud icon blog/situs adalah gambar B atau Bintang. Kita bisa mengganti icon blog kita sesuai dengan gambar icon yang kita inginkan.

Cara Mengganti Icon Blog hampir sama dengan Cara Bikin Tulisan Berjalan Di Address Bar tapi mengganti icon lebih mudah, yang penting gambar untuk icon sudah ada.

Sudah siap untuk mengganti iconnya?...

Panduan Mengganti Icon Blog Di Address Bar

  • Untuk mengganti icon di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
  • Setelah itu klik menu Layout atau Tata letak
  • Kemudian klik menu Edit HTML
  • Silahkan temukan kode ini </head>
  • Setelah itu kode nya sudah di temukan silakan taroh kode icon di bawahnya.
Berikut kode untuk mengganti icon yang harus di pasang
<link href='MASUKKAN LINK LOGO/GAMBAR DISINI' rel='SHORTCUT ICON'/>

Pada tulisan MASUKKAN LINK LOGO/GAMBAR DISINI'Silakan masukkan alamat/url logo/gambar yang ingin di jadikan icon blog.

Selamat mencoba, semoga berhasil...
Mengganti Icon Blog

Pasang Message Box Di Blog Anda

Tau gak sih Message Box itu apa ? Message Box itu semacam alert yang biasa kita jumpai di komputer apa bila terjadi error. tapi di dunia maya pun banyak website atau blog yang menggunakan Message Box untuk Blog mereka. Contohnya bisa kita lihat di blog ini , apabila kita membuka blog ini maka akan muncul message box bertuliskan :" Welcome To blog  amry ". keren kan :p .


Maka dari itu saya akan mengajarkan teman teman untuk membuatnya .

1 . Buka menu Rancangan pada Dashboard, lalu pilih Edit Html

2. Lalu cari Tag <head>

3. Lalu Copas ( Copy Paste ) script dibawah ini sebelum tag <head>

<script type='text/javascript'>
alert (&quot;Welcome To Blog ala amry&quot;)
</script>


4. Tulisan yang saya beri tanda merah itu bisa kalian ganti sesuka hati

5. Lalu buka blog anda dan liat hasilnya.

pasang effek krusor tulisan ular ularan pada blog

Sebenarnya banyak sekali rupa serta bentuk animasi kursor yang mungkin kamu dapatkan, baik melalui website penyedia layanan javascript atau saat kamu blog walking. Ceritanya pas jalan-jalan ke Optimasi Blog dan menggerakkan kursor, tiba-tiba muncul serangkaian kata atau kalimat yang selalu mengikuti kursor tersebut. Bentuknya seperti ular-ularan meliuk dan melingkar, tapi anehnya tidak mematuk. Ia cuma mengikuti saja atau istilah kerennya "follow". Eh.. ngomong-ngomong follow, kamu sudah ikut mem-follow OB apa belum?

Kembali ke trik blogger kursor ular-ularan...
Nah, kamu pasti penasaran tentang cara membuatnya. Ngga, tuh!!! Ha.. ha.. gitu aja manyun. OK, ini dia triknya.
  • Login ke account blogger kamu.
  • Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Cari kode </head>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
  • Kalau sudah ketemu, copas kode berikut diatasnya.
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Masukkan teks kamu disini";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

Catatan :
  1. Ganti kode yang berwarna merah berturut-turut dengan gaya teks, tebal tidaknya teks (bold atau normal), jenis font (arial, times new roman, verdana, georgia, de-el-el), dan warna teks
  2. Ganti tulisan yang berwarna merah dan berkedap-kedip dengan teks yang akan kamu tampilkan (mengikuti kursor).
  3. Ganti kode yang berwarna hijau, apabila kamu ingin merubah ukuran teks.
  • Jangan lupa disimpan.

Selamat main ular-ularan...