Semua tulisan di sini adalah hasil uneg-uneg kala bete berat, jam kuliah kosong, dan ketika hotspot kampus bisa diajak kerja sama.
RSS

About Me

Foto Saya
LiliQue
Anak bungsu dari 4 bersaudara. Waktu kecil nakal setengah mati dan hobi banget berkelahi. Sekarang jadi mahasiswi teknik informatika Universitas Negeri Malang yang masih aja sering pulang karena kangen masakan ibu tercinta (yah gimana ga kangen masakan rumah kalo makanan anak kos ya begitu-begitu aja!). Punya rambut panjang sepunggung tapi sering dipanggil 'Mas', tinggi semampai (a.k.a semeter tak sampai). Selalu dapat peran jadi hantu kalo ada drama gara2 punya mata besar dan nakutin kalo melotot. Enggak terlalu berbakat berurusan sama anak kecil karena kalo ada anak kecil yg tadinya diam pasti cemberut begitu liat aku, yg tadiny ketawa ngakak malah nangis terisak..(ga tau knapa padahal akunya diem aja...ckck...ckck...).
Lihat profil lengkapku
Welcome to My Blog

Yang melirik Blog seadanya ini..

MENGATASI VIRUS SHORTCUT DI FLASHDISK

Yang namanya virus, mau bahaya kek, enggak kek, tetep aja nyebelin! termasuk virus yang satu ini, Shortcut.
Banyak orang bilang virus ini enggak berbahaya karena hanya menyembunyikan file dan mengganti file-file yang ada dengan shortcutnya, tapi ternyata virus ini sempat membuat beberapa orang di sekitar saya kelabakan karena flashdisk ato harddisknya yang berisi file penting menghilang dan digantikan shortcut yang tidak 'mengarah' kemana-mana.

Cara yang saya gunakan pun enggak tahu juga apakah memang cara yang benar mengatasi virus ini atau bukan, tapi cara inilah yang paling sering saya gunakan untuk menghilangkan Shortcut dari flashdisk dan cukup berhasil.

1. Setidaknya harus punya anti virus smadav
2. Scan flash disk dengan smadav kemudian bila virus sudah terdeteksi, pilih 'fix all'. Setelah fix all selesai, Smadav akan menampilkan semua file yang tadinya disembunyikan oleh virus Shortcut.
3. Cari file-file yang kamu butuhkan. Ingat, cari file aslinya, bukan file yang ada icon shortcutnya (alias ada tanda panah biru di icon filenya kayak ini :
)
4. Pindahkan file-file yang kamu perlukan itu ke flashdisk atau tempat lain yang berfungsi sebagai penyimpanan sementara misalnya pindahkan file-file tersebut ke 'My Documents' dulu.

5. Setelah file-file penting dipindah dari flashdisk, format ulang flashdiskmu maka seluruh data termasuk virus Shortcut di flashdisk akan tersapu bersih..

6. Setelah flashdisk selesai diformat. Copy kembali file-file penting yang kamu simpan di penyimpanan sementara tadi (di 'My Document') dan paste ke Flashdiskmu.

7. Selesaiiiiii!!!!!!

Nah mau mengikuti cara saya atau tidak, itu terserah anda......
Bye..bye...
C...U next time...
Read More.. 0 komentar

Pengolahan Data berbasis File

Menyimpan data yang berasal dari form ternyata tidak melulu harus menggunakan basis data. Data isian dapat disimpan di dalam array kemudian hasilnya ditampilkan dalam tabel..
hasil screenshootnya seperti ini :


Read More.. 0 komentar

Daftar Setting Dial-Up Beberapa Kartu GSM dan CDMA

      Semuanya berawal dari obrolanku dan temenku soal modem GSM dan CDMA. Tiba-tiba dia bilang ga tahu gimana setting APN dari kartu CDMA yang dia punya. Berhubung aku juga enggak tahu, akhirnya kita berdua tanya kanan kiri..dan ternyata..SURPRISE!!! Enggak ada satupun dari orang-orang yang kita tanya tau setting yang tepat. kebanyakan sih jawabnya gini :"Ga tau ya, dulu udah langsung di setting di tokonya tuh.."
       Weleh..weleh..akhirnya setelah bergerilaya ke sana-sini, ke dunia maya dan dunia nyata, berhasil juga akhirnya dapet bebrapa setting dial-up buat kartu GSM dan CDMA...
Nih hasilnya :
1. Buat TelkomFlash - Simpati, Halo, As (berbasis waktu)
    Dial up : *99***1#
    Username :
    Password :
    APN : FLASH

2. Telkomsel GPRS - Halo, Simpati, As (berbasis Data)
    Dial up : *99***1#
   Username : wap
   Password : wap123
   APN : TELKOMSEL

3. Matrix (berbasis Data)
    Dial Up : *99***1#
    Username :
    Password :
    APN :
http://www.satelindogprs.com/

4. Mentari (berbasis Data)
    Dial up : *99***1#
    Username : indosat
    Password : indosat
    APN :
http://www.satelindogprs.com/

5. IM3 (berbasis Data)
    Dial up : *99***1#
    Username : gprs
    Password : im3
    APN :
http://www.indosat-m3.net/

6. IM3 (berbasis Waktu ) -> yang ini favoritku
    Dial up : *99***1#
    Username :
indosat@durasi
    Password : indosat@durasi
    APN : http://www.indosat-m3.net/

7. XL -XPlor, bebas, jempol (berbasis Data)
    Dial Up : *99***1#
    Username : xlgprs
    Password : proxl
    APN :
http://www.xlgprs.net/

8. Flexi Trendy, classy (berbasis data)
    Dial up : #777
    Username :
telkomnet@flexi
    Password : telkom
    APN : (ga ada)

9. Flexi Trendy, Classy(berbasis waktu)
    Dial up : 080989999
    Username :
telkomnet@instan
    Password : telkom
    APN : (ga ada juga)

10. Fren
      Dial Up : #777
      username : m8
      password : m8
      APN : (ga ada)

11. Starone
      Dial up : #777
      Username : starone
      Password : indosat
      APN : (ga ada)

12. Esia (berbasis waktu )
      Dial up : #777
      Username : esia
      Password : esia
      APN : (ga ada)

13. Axis (Berbasis Data)
      Dial Up : *99***1#
      Username : axis
      Password : 123456
      APN : AXIS

14. Three ( berbasis Data)
      Dial up : *99***1#
      Username : 3gprs
      Password : 3gprs
      APN : 3gprs
Read More.. 2 komentar

Membuat Login Form Sederhana (dengan PHP dan Javascript)

      Login form merupakan sesuatu yang sering kita temui di berbagai website. Mau masuk friendster, Login dulu ; mau update status di facebook, harus login dulu juga; mau menulis uneg-uneg di blok, mesti ngisi login dulu..Login, login, login dan login, kenapa harus login? Jawaban gampangnya ya supaya account yang kita miliki tidak dibobol atau diakses sama orang-orang yang tidak bertanggungjawab+tidak berhak!! itu jawaban gampangnya, kalo jawaban susahnya ya..silahkan mikir sendiri deh.. he..he..he..

      Susahkah membuat login form? Well, enggak ada yang susah sejauh kita berusaha. Toh meskipun sempat bingung selama beberapa waktu, pencerahan akhirnya datang dari salah seorang teman..(thanks so much..Pren!!). Login Form yang kubuat ini masih sangat sederhana alias tanpa koneksi dengan basis data apapun, tapi punya karakteristik :
1. Scripting javascript untuk validasi awal, jadi kalau textfield nya ga diisi, atau diisi dengan angka, program akan mengeluarkan peringatan untuk mengisi text field itu dengan benar.

2. Jika men-submit form kosong, kursor akan dikembalikan ke field username.
3. Ada validasi dari PHP untuk memastikan bahwa karakter yang dimasukkan adalah string.

4. jika username dan password sesuai dengan nilai yang sudah didefinisikan sebelumnya maka muncul ucapan : Selamat datang...(nama user) tapi kalo gak sesuai maka yang muncul : username dan password Salah!!!


Trus cara buatnya?

Ikuti resep berikut ini....

Untuk memenuhi karakteristik ke 1, digunakan javascript. peringatan tentang username dan password harus diisi serta form tidak boleh kosong bisa ditampilkan dengan menggunakan kotak dialog.

cuplikan kodenya : alert("Isilah Username dan Password sesuai ketentuan!! Username dan Password harus berupa huruf!! ");
Sementara untuk mengecek apakah username dan password berupa huruf digunakan :
function cekuser(a) {

re = /^[A-Za-z]{1,}$/;<!--username harus berupa huruf, baik huruf besar ataupun kecil dan banyaknya minimal 1 huruf--!>
return re.test(a);
}


function cekpassword(a) {

re = /^[A-Za-z]{8,}$/; <!--password harus berupa huruf, baik huruf besar ataupun kecil dan banyaknya minimal 8 huruf--!>
return re.test(a);
}
Untuk mengembalikan kursor ke username bila form di-submit dalam kondisi tidak diisi, digunakan: username.focus

Lalu untuk mengecek apakah karakter yang dimasukkan berupa string atau bukan dengan menggunakan PHP, maka digunakan casting is_string.
kode lengkapnya adalah sebagai berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 
<head>

<title>Login Sederhana</title>


<link rel="stylesheet" href="tgsprak.css" type="text/css"/>


</head>

 

<body bgcolor="#69e0f5">
<script language="JavaScript" type="text/javascript">
function cekuser(a) {

re = /^[A-Za-z]{1,}$/;<!--username harus berupa huruf, baik huruf besar ataupun kecil dan banyaknya minimal 1 huruf--!>
return re.test(a);

}

function cekpassword(a) {

re = /^[A-Za-z]{8,}$/; <!--password harus berupa huruf, baik huruf besar ataupun kecil dan banyaknya minimal 8 huruf--!>
return re.test(a);
}
function checkForm(b) {

if (!cekuser(b.username.value)) {

alert("Isilah Username dan Password sesuai ketentuan!! Username dan Password harus berupa huruf!! ");

b.username.focus();
return false;
}
if (!cekpassword(b.password.value)) {
alert("Masukkan Password dengan benar!! Password minimal terdiri dari 8 huruf!!");
b.password.focus();
return false;
}
return true;
}
</script>

<div id="wrapper">
<div id="kotak1">

<form name="form1" action="<?php $_SERVER['PHP_SELF'];?>" method="post" onsubmit="return checkForm(this)">
<div id="user">Username <input type ="text" name ="username" /></div>
<div id="pass">Password <input type ="text" name ="password" /></div>
<div id="ok"><input type ="submit" value="OK" /></div>
<div id="batal"><input type="reset" value="Batal" /></div>
</form>
</div>
<div id="kotak2">
<?php
if (is_string($_POST['username'])){
if (($_POST['password']=='silvercyber')&&($_POST['username']=='silver')){echo 'selamat datang : ' .$_POST['username'];}
else{echo 'Username dan Password anda SALAH!!!';}
}
?>
</div>
</div>
</body>
</html>

Kode css nya :
#wrapper{

margin:auto;

width:750px;

height : 600px;

background: #69e0f5;

}

 
#kotak1{

margin:50px auto;

width:400px;

height : 220px;

background: #b4edf7;

border: 3px solid blue;

}

#kotak2{

margin:auto;

width:400px;

height : 90px;

font-family: garamond;

font-size: 30px;

color:red;

}

#ok{
margin:30px 175px;

}


#batal{

margin:auto 10px ;

}

 
#user{

margin: 30px 60px auto;

font-family: arial;

font-size: 20px;

color:blue;

}
 #pass{

margin: 20px 60px auto;

font-family: arial;

font-size: 20px;

color:blue;

}

Username yang ditentukan sebelumnya umpamakanlah 'cyber' dan passwordnya 'silvercyber, maka bila username dan password benar, tampilannya adalah sebagai berikut :



















Kalo username dan password yang dimasukkan salah, tampilannya :


Nah, kalau username dan hurufnya ada angkanya, tampilannya jadi seperti ini :

Selamat mencoba deh...



Read More.. 2 komentar

Membuat Formulir pada Web dengan Menggunakan Java Script

      Buat kalkulator udah, sekarang coba buat apa lagi yah supaya makin akrab sama Java Script? Bagaimana kalau buat Formulir saja, kan formulir itu banyak gunanya, tiap bikin email baru, blog baru, akun facebook baru dan semuanya yang baru hampir selalu ada formulirnya. Biar gampang sekarang kita coba buat formulir pesanan makanan dan minuman untuk restoran 'MAHAL JAYA' (Kenapa namanya MAHAL JAYA? ya karena harganya tidak bisa dibilang pas untuk kantong mahasiswa yang hidupnya serba prihatin dan pas-pasan...wkwkwk...wkwkwk...) .
     Formulir yang kita akan buat memuat harga makanan dan minuman semisal bakso, soto, mie ayam, es degan dan es campur. harga masing-masing item sudah tertulis di samping tiap-tiap item itu. Harga-harga itu nantinya akan dikalikan dengan banyaknya item yang diminta pelanggan. Jika harga totalnya Rp. 50.000,- atau lebih maka si Pembeli dapat diskon Rp. 10.000,- (tapi diskon ini enggak berlaku untuk kelipatanya lho ya!). Harga yang harus dibayar Pembeli adalah Harga total yang dipotong diskon. Kita juga bisa menambahkan tombol Batal untuk membersihkan formulir yang terlanjur kita isi. Bagaimana caranya supaya formulirnya kembali bersih? tentunya bukan dengan disapu pake sapu ijuk, tapi dengan  <input type="reset" value="Batal" />..

Terus kodenya bagaimana? Tampilannya seperti apa?
Hmmm..well, check this out....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title> Form pemesanan berbasis java script</title>
</head>
<body background="bunga.JPG">
<script  language="JavaSvript" type="text/javascript">

function getharga() { var myForm=document.form1;
 var bakso =12000*eval(myForm.pesan1.value);
 var soto=10000*eval(myForm.pesan2.value);
 var mie=15000*eval(myForm.pesan3.value);
 var degan=5000*eval(myForm.pesan4.value);
 var campur=7000*eval(myForm.pesan5.value);
 var hasil=bakso+soto+mie+degan+campur;
 myForm.total.value=hasil;
 if (hasil>50000){myForm.diskon.value=10000; myForm.bayar.value=hasil-10000;}
 if    (hasil<50000){myForm.diskon.value=0; myForm.bayar.value=hasil;}

 myForm.bayar1.value=bakso;
 myForm.bayar2.value=soto;
 myForm.bayar3.value=mie;
 myForm.bayar4.value=degan;
 myForm.bayar5.value=campur;
 }




</script>
<form name="form1" action="#">
    <table border="1" width="850" >
        <caption style="bold">FORM PEMESANAN MAKANAN RESTO 'MAHAL JAYA'</caption>
       
        <tr bgcolor="#f8bfc4">
        <th width="50">No</th>
        <th width="200">Makanan/Minuman</th>
        <th width="200">Harga</th>
        <th width="200">Pesan</th>
        <th width="200">Total</th>
            </tr>
       
        <tr bgcolor="#eaf8bf">
        <td width="50">1</td>
        <td width="200">Bakso Istimewa</td>
        <td width="200">@<input type="text" name="hrgbakso"  value="12000"/></td>
        <td width="200"><input type="text" name="pesan1"value="0" onchange="getharga();"/></td>
        <td width="200" align="right"><input type="text" name="bayar1"/></td>
        </tr>
       
        <tr bgcolor="#eaf8bf">
        <td width="50">2</td>
        <td width="200">Soto Spesial</td>
        <td width="200">@<input type="text" name="hrgsoto"  value="10000"/></td>
        <td width="200"><input type="text" name="pesan2" value="0" onchange="getharga();"/></td>
        <td width="200" align="right"><input type="text" name="bayar2"/></td>
        </tr>
       
        <tr bgcolor="#eaf8bf">
        <td width="50">3</td>
        <td width="200">Mie Ayam Super</td>
        <td width="200">@<input type="text" name="hrgmie"  value="15000"/></td>
        <td width="200"><input type="text" name="pesan3" onchange="getharga();" value="0"/></td>
        <td width="200" align="right"><input type="text" name="bayar3"/></td>
        </tr>
       
        <tr bgcolor="#eaf8bf">
        <td width="50">4</td>
        <td width="200">Es Degan</td>
        <td width="200">@<input type="text" name="hrgdegan"  value="5000"/></td>
        <td width="200"><input type="text" name="pesan4" onchange="getharga();" value="0"/></td>
        <td width="200" align="right"><input type="text" name="bayar4"/></td>
        </tr>
       
        <tr bgcolor="#eaf8bf">
        <td width="50">5</td>
        <td width="200">Es Campur</td>
        <td width="200">@<input type="text" name="hrgcampur"  value="7000"/></td>
        <td width="200"><input type="text" name="pesan5" onchange="getharga();" value="0"/></td>
        <td width="200" align="right"><input type="text" name="bayar5"/></td>
        </tr>
       
        <tr bgcolor="#adf2f0">
        <td colspan="4" width="650" align="right">Jumlah Total</td>
        <td width="200"align="right"><input type="text" name="total"  /></td>
        </tr>
       
        <tr bgcolor="#adf2f0">
        <td colspan="4" width="650" align="right">Diskon</td>
        <td width="200"align="right"><input type="text" name="diskon"  /></td>
        </tr>
       
        <tr bgcolor="#adf2f0">
        <td colspan="4" width="650" align="right">Jumlah Yang Harus Dibayar</td>
        <td width="200"align="right"><input type="text" name="bayar" /></td>
        </tr>
       
    </table>
    <br/>
    <input type="reset" value="Batal" />
    </form>
</body>
</html>

Tampilannya :


Nah, karena makanan dan minuman sudah dipesan, posting kali ini sampai di sini dulu soalnya yang punya blog mau menghabiskan pesanan makanannya...see you later...ciaoooo....!!!

Read More.. 0 komentar

Membuat Kalkulator Sederhana pada Web dengan Menggunakan Java Script

      Kalkulator yang aku maksud di sini itu memang kalkulator yang sangat sederhana, hanya bisa menangani operasi dasar matematika seperti penjumlahan, pengurangan, perkalian dan pembagian. Model interfacenya seperti berikut :

  
        Kita bisa memasukkan bilangan-bilangan yang ingin dijumlahkan, dikurangkan dll di dua kotak yang terletak di antara listbox berisi operator matematika tersebut. kemudian saat menekan tombol Submit maka hasil dari operasi matematika akan tampil di kotak paling bawah.

Nah, kode HTML dan Java Scriptnya adalah sebagai berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Kalkulator Sederhana</title>
</head>

<body>
<script  language="JavaSvript" type="text/javascript">
function getTextValue1() { var myForm=document.form1;
alert("Nilai Teks:" + myForm.operan1.value);
}
function getSelectedValue() { var myForm=document.form1;
alert("Nilai Selected:" + myForm.operator.value);}
function getTextValue2() { var myForm=document.form1;
alert("Nilai Teks:" + myForm.operan2.value);
}
function getOperationValue() { var myForm=document.form1;
if (myForm.operator.value == "+"){myForm.submit.value = parseInt (myForm.operan1.value)+ parseInt(myForm.operan2.value)}
if (myForm.operator.value == "-"){myForm.submit.value = parseInt (myForm.operan1.value)- parseInt(myForm.operan2.value)}
if (myForm.operator.value == "*"){myForm.submit.value = parseInt (myForm.operan1.value)* parseInt(myForm.operan2.value)}
if (myForm.operator.value == "/"){myForm.submit.value = parseInt (myForm.operan1.value)/ parseInt(myForm.operan2.value)}
myForm.hasil.value=myForm.submit.value;
}


</script>

<form name="form1" action="#">
<input type="text" name="operan1" onchange="getTextValue1();"/>
<!--input type="submit" value="submit" onclick="getTextValue()"/-->
<select name="operator" onchange="getSelectedValue();">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>

<input type="text" name="operan2" onchange="getTextValue2();"/>
<input type="button" value="submit" onclick="getOperationValue();"/>
<input type="text" name="hasil" value=""/>

</form>
</body>
</html>


Sampai jumpa di posting berikutnya....v(^-^)v




Read More.. 1 komentar

Menata Layout Web dengan CSS (part 2)

       Penggunaan CSS dalam layout web tidak hanya sebatas untuk menentukan margin, memberi border dan mewarnainya tapi juga bisa digunakan untuk menambahkan background pada komponen tersebut serta memodifikasi list menu sehingga terlihat lebih menarik. Modifikasi apa yang bisa dibuat untuk list menu? Salah satunya adalah dengan membuat warna background dari menu yang ditunjuk kursor berubah misalnya seperti pada Gambar a berikut :

Gambar a

        Perhatikan list menu di sisi kiri contoh website pada Gambar a. Bila tidak ditunjuk oleh kursor, background menu berwarna abu-abu gelap tapi begitu disorot oleh kursor warnanya berubah menjadi biru.
Membuat tampilan website seperti Gambar a sebenarnya tidak serumit kelihatannya. kita bisa memanfaatkan layout web yang kita buat pada postingan sebelumnya (Menata Layout Web dengan CSS (part 1) ) dengan menghapus border yang tidak diperlukan dan memberikan background pada tiap komponen yang kita inginkan.  Untuk memberikan background kita bisa menambahkan :
background: #000 url(nama_file.jpg);
pada style di file css komponen yang ingin kita beri background. Sementara itu untuk kotak pencarian/ search kita bisa menambahkan :
<input type="text"/>
pada file .html.
         Untuk lebih jelasnya, source kode file .html nya adalah sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>lay out simple</title>
<link rel="stylesheet" href="tgsprak2.css" type="text/css"/>
</head>


<body>
<div id="wrapper">
    <div id="header">
        <div id="logo"> <img src="logo.png"  alt="background" height="80" width="80"/></div>
        <div id="text"> TEKNIK ELEKTRO<div id="search">Search</div><div id="kotakcari" ><input type="text"/></div></div>
        <div id="home">Home</div>
        <div id="sitemap">Sitemap</div>
        <div id="RSS">RSS</div>
        <div id="contact">Contact</div>
        <div id="about">About Us</div>
       
    </div>
    <div id="webbody">
        <div id="sidebar">
        <div id="sidemenu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">News n Media</a></li>
            <li><a href="#">Tutorials</a></li>
            <li><a href="#">Tips n Tricks</a></li>
            <li><a href="#">Downloads</a></li>
        </ul>
        </div>
        </div>
        <div id="sidebar2">
        <div id="top"></div>
        <div id="content">
            <div id="textcontent">Kecerdasan Buatan</div>
            <div id="textcontent2">
                Istilah kecerdasan buatan sebenarnya berasal dari bahasa Inggris: “Artificial Intelligence”.
                Jika diartikan tiap kata, artificial artinya buatan, sedangkan intelligence adalah kata sifat yang berarti cerdas.
                Jadi artificial intelligence maksudnya adalah sesuatu buatan atau suatu tiruan yang cerdas.
                Cerdas di sini kemungkinan maksudnya adalah kepandaian atau ketajaman dalam berpikir, seperti halnya otak manusia
                dalam menyelesaikan suatu masalah.
               
            </div>
        </div>
   
            <div id="right">
            <div id="textright">Events</div>
            <ul>
                <li><a  href="#">Seleksi Tim Robot</a></li>
                <li><a  href="#">Kuliah Tamu "Logika Fuzzy"</a></li>
                <li><a  href="#">Sosialisasi Praktek Industri</a></li>
                <li><a  href="#">Pendaftaran PPL</a></li>
            </ul>
            </div>
        </div>
    </div>

    <div id="footer">
    <div id="textfoot"align="center">2010 Teknik Elektro UM, Malang, Indonesia</div>
    <div id="textfoot2"align="center">copyright : silvercyber19</div>
    </div>
</div>
</body>
</html>

Untuk source kode CSS nya dengan nama tgsprak2.css adalah sebagai berikut :

#wrapper{
margin:auto;
width:750px;
height : 600px;
background: #000 url(wrap.jpg);
}

#header{
margin : 0px auto;
height: 80px;
background: #000 url(header1.jpg);
}

#logo{
margin : 0px 10px;
height: 60px;
width: 60px;
}

#text{
margin : -30px 100px;
color: black;
font-family: verdana;
font-size: 24px;
font-weight: bold;
}

#home{
margin : -60px 455px;
color: white;
font-family: garamond;
font-size: 14px;
}

#about{
margin : -60px 685px;
color: white;
font-family: garamond;
font-size: 14px;
}

#sitemap{
margin : 45px 515px;
color: white;
font-family: garamond;
font-size: 14px;
}

#contact{
margin : 45px 630px;
color: white;
font-family: garamond;
font-size: 14px;
}

#RSS{
margin : -60px 580px;
color: white;
font-family: garamond;
font-size: 14px;
}

#search{
margin : -10px 400px;
color: white;
font-family: garamond;
font-size: 18px;
width:50px;
height:20px;
}

#kotakcari{
margin: -20px 455px;
}

#webbody{
margin : 5px auto;
height: 455px;

}

#sidebar{
margin : 0px;
float: left;
width:205px;
height: 455px;
border : 2px solid white;
}

#sidemenu ul{
width:205px;
list-style-type:none;
padding:0;
margin:0;
}

#sidemenu a:link,#sidemenu a:visited, #sidemenu a:active{
padding-left:15px;
text-decoration:none;
}

#sidemenu a {
padding:5px 0px 5px 15px; display:block;
background: grey no-repeat center;
margin: 0px 0px 1px; color:#ffffff;
}

#sidemenu a:hover {
background: blue no-repeat center;
color:#ffffff;
}

#sidebar2{
margin : 0px;
float: right;
width:537px;
height: 455px;

}

#top{
margin : 0px;
background: #000 url(top2.jpg);
width:537px;
height: 155px;

}

#content{
margin : 0px;
float: left;
width:322px;
height: 290px;
background: white;
}

#textcontent{
color: black;
font-family: Garamond;
font-size: 24px;
font-weight: bold;
margin: 0px auto;
}

#textcontent2{
color: black;
font-family: verdana;
font-size: 14px;
margin: 0px auto;
}

#right{
margin : 3px;
float: right;
width:200px;
height: 180px;
border: 3px solid #1631b9;
background:#c5cae3;
}

#textright{
margin : 0px auto;
font-family: verdana;
font-size:14px;
font-weight: bold;
}

#footer {
height: 50px;
border: 1px solid blue;
Margin: 5px  auto;
background: #000 url(foot.jpg);
}
#textfoot{

color: white;
font-family: verdana;
font-size: 10px;
margin:8px;

}

#textfoot2{

color: white;
font-family: verdana;
font-size: 10px;
margin:1px;

}


Selamat mencoba dan berkreasi!!!  (^-^)v
Read More.. 0 komentar