Membuat Garis-Garis Berdansa di Blog

Garis-garis vertikal dan horizontal ini bergerak ke kiri,
ke kanan, ke atas dan ke bawah seperti layaknya
sedang berdansa atau menari-nari. Rasanya tidak ber-
lebihan bila dikatakan efek ini memang pantas dipasang
untuk menghiasi tampilan blog yang kita miliki. Tak ada
salah bila anda mencoba efek yang satu ini, karena cara
memasangnya sangat mudah, cukup anda pasang kode-
nya pada gadget HTML/JavaScript dan bila anda tidak
menyukainya, anda tinggal menghapusnya saja, selesai.
Berikut ini adalah kodenya :

<marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='15'><table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #0000ff !important;'><tr> <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='17'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #00ff00 !important;'><tr> <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='20'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #ff0000 !important;'><tr> <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='25'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #ff00ff !important;'><tr> <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='30'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #00ffff !important;'><tr> <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <br /> <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='15'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #ffff00!important;'><tr> <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='17'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #ff00ff!important;'><tr> <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='20'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #9900ff!important;'><tr> <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='25'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #00ff00!important;'><tr> <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee><br /> <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='30'><br /> <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #ff00ff!important;'><tr> <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee>

KETERANGAN =

1.   5 (lima) kode baris pertama, untuk garis vertikal
      5 (lima) kode baris kedua, untuk garis horizontal

2.   Ubahlah warna garisnya, pada kode
      background-color: #.............
      untuk menyesuaikan perpanduan warna garisnya.

3.   width:2px pada 5 (lima) kode baris pertama dan
      height:2px pada 5 (lima) kode baris kedua
      adalah ukuran ketebalan garisnya.

4.   Anda juga dapat menambah atau mengurangi
      jumlah garisnya pada kode :

      Untuk garis vertikal =
    
     <marquee style='position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;' direction='right' behavior='alternate' scrolldelay='0' scrollamount='30'>

     <table border='0' cellspacing='0' cellpadding='0' style='width:2px !important; height:4500px !important; background-color: #00ffff !important;'><tr>

     <td width='1' height='1500' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee>

      Untuk garis horizontal =

     <marquee style='position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;' direction='down' behavior='alternate' scrolldelay='0' scrollamount='30'>

     <table border='0' cellspacing='0' cellpadding='0' style='width:1000px !important; height:2px !important; padding:0px !important; background-color: #ff00ff!important;'><tr>

     <td width='960' height='1' border='0' cellspacing='0' cellpadding='0'></td></tr></table></marquee>

Selamat mencoba, good luck!