KONVERSI SUHU PADA VB.NET DENGAN PROCEDURE


Ini adalah contoh program menggunakan VB.Net kawan, kaitan nya menggunakan fungsi posedur.
pastinya kalian kenal kan dengan parameter nilai ( byVal), parameter acuan (byRef), dan parameter Array.
Nah, di sini saya akan memberikan conto sederhana dari penggunaan byReff , jadi dengan ByReff nantinya akan memberikan nilai asli, sesuai pada hasil operasi, tidak mengembalikan nilai 0.
supoorted by :




1. Ini adalah contoh program menghitung Konversi Suhu dari reamur ke Suhu yg lain kawaNn,,


Public Class Form1
    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        Dim reamur, celcius, fahrenheit, kelvin As Integer
        Dim nilai As Double
        nilai = 0 'tak ada pengaruh jika menggunakan ByRef
        reamur = CInt(InputBox("inputan data dalam reamur : "))
        Call hitung(reamur, celcius, fahrenheit, reamur, kelvin)
    End Sub
    Sub hitung(ByVal re As Double, ByVal a As Double, ByVal b As Double, ByVal c As Double, ByVal d As Double)
        a = re * (5 / 4) 'celcius
        b = ((re * (5 / 4)) + 32) 'fahrenheit
        c = re 'reamur
        d = ((re / (5 / 4)) + 273.15) 'kelvin
        MessageBox.Show("Nilai celcius :" & a & vbCrLf & "Nilai fahrenheit :" & b & vbCrLf & "Nilai Reamur : " & c & vbCrLf & "Nilai Kelvin : " & d, "Hasil Konversi")
    End Sub

    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

    End Sub

    Private Sub Label1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)

    End Sub
End Class


dan utuk tampilan nya seperti ini kawaNn..
 klik pada button DEMO lanjut nya :


 klik OK, kemudian


Begitulah kawaNn,,
selamat mencoba n guD Luck...

BERMAIN CSS DAN HTML


Haii guySs...
sekarang kita belajar HTML lagi ya..
yang lalu kita kan belajar html aja kaNn, jadi sekarang kita akan mengkombinasikan script html dengan fungsi CSS, jadi pada prinsipnya, kalu tanpa CSS ketika kita membuat kolom yg banyak berisi konten di dalamnya ita pasti sedikit kesulitan mengenai logika untuk membuat tabel, dan utuk mengedit balik pun juga sulit. maka dari itu, kali ini saya akan memperkenalkan pembelajaran dengan menggunakan CSS ( meskipun saya sendiri juga baru belajar sih ) hehheeee,
semua postingan saya selalu ada yg nge Suport Guys,

Support by :



jadi untuk menyimpan file pada css, sbenarnya sama sih dengan kita menulis di html, silahkan kalian menulis di editor teks ( pada notepad, atau notepad++, bisa jadi yg lain nya juga ) lalu save file klaian dengan tipe "namaFile.css", lanjutnyauntuk pemanggilan file CSS anda, kita panggil melalui HTML nya sebagai hasil tampilan dari file yg aanda buat.
NaHh, berikut akan saya contohkan program sederhana dari aplikasi yg saya buat, pada prinsipnya sebenarnya ini mirip seperti tampilan pada facebook. hehe
jadi,
untuk script pada file CSS nya  sbb :

<div style="overflow:auto; padding:5px; width:450px; height:400px;
background-color: rgb(255, 255, 255); border:2px solid #ccc;
"> #wrapped {
width : 70%;
margin : auto;
}

#border {
height : 100px;
background : pink;
}

#borderkanan{
float : right;
height : auto;
width : 40%;
}

#middle {
height : 525px;
background-image : url("middle2.jpg");
}

#kolomkiri{
float : left;
height : auto;
width : 60%;
background-image : url();
}

#kolomkanan{
float : right;
height : auto;
width : 40%;
}

.mlebu {
background : transparent url("p.jpg") no-repeat bottom left;
display : block;
float : left;
width : 60px;
height : 24px;
font : tahoma 14px;
text-decoration : none;
color : white;
}
.mlebuok{
overflow : hidden;
width: 100%;
}

.daftar {
background : transparent url("daftar.jpg") no-repeat right;
display : block;
float : left;
width : 150px;
height : 30px;
font : tahoma 14px;
padding : 10px 0px 0px 0px;
text-decoration : none;
}

.tulisan{
    font-family: tahoma;
    font-size: 14px;
    text-align: left;
    color: white;
    border: 0px;
}

.kata{
    font-family: tahoma;
    font-size: 26px;
    text-align: left;
    color: #5d3c1c;
    border: 0px;
}

.tulisan2{
    font-family: tahoma;
    font-size: 13px;
    text-align: left;
    color: #5d3c1c;
    border: 0px;
}

.tulisan3{
    font-family: tahoma;
    font-size: 16px;
    text-align: left;
    color: #5d3c1c;
    border: 0px;
}

.kopi {
font-family: tahoma;
    font-size: 13px;
    text-align: left;
    color: gray;
}

.bahasa {
display : block;
color : #5d3c1c;
text-decoration : none;
overflow : hidden;
}

#footer {
clear : both;
background : white;
height : 75px;
}</div>

kemudian kita akan panggil file yg sudah kita buat di CSS pada script yg di HTML sebagai tampilan nya nanti.
Berikut adalah Script HTML nya :
<div style="overflow:auto; padding:5px; width:450px; height:400px;
background-color: rgb(255, 255, 255); border:2px solid #ccc;
"><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<HEAD>
<TITLE>Welome to Komunitas Balita</TITLE>
<link rel="ICON" href="ym.ico" />

<link rel="stylesheet" href="kode css.css" type="text/css" />
</HEAD>
<BODY>
<div id="border">
<div id="wrapped">
<div class="tulisan">
<br>
<img src="bayi.jpg" height="85" width="200">
<div id="borderkanan">
<table border=0 align="right" cellspacing=0 cellpadding=2>
<tr>
<td>Email</td>
<td width=10 ></td>
<td>Kata Sandi</td>
</tr>
<tr>
<td><form><input type="email" name="email" size="25" /></form></td>
<td></td>
<td><form><input type="password" name="pwd" size="25"  /></form></td>
<td width=3></td>
<td><div class="mlebuok" align="center">
<a class="mlebu" href="http://www.facebook.com">
<span>Masuk</span></a></div>
</td>
</tr>
<tr>
<td><input type="checkbox" />stay in page</td>
<td></td>
<td>Lupa kata sandi ? </td>
</tr>
</table></div>
</div></div>
</div></div>
<div id="middle">
<div id="wrapped">
<div id="kolomkiri">
<div class="kata">
<br>
Daftarkan Balita Anda<br>
Dalam Komunitas Balita Indonesia<br>
Sebagai Simbol Putra Bangsa
<br><br>
<div align="left">
<img src="indonesia.png" height="200" >
</div>
</div>
</div>
<div id="kolomkanan">
<div class="tulisan3">
<br><br>
<font size="5"><b> Mendaftar</b></font><br>
<font size="4"> Gratis, sampai kapan pun.</font>
<Table Border=0 cellspacing=10 align="right">
<tr>
<td colspan=2 style="border-bottom:#5d3c1c solid thin"></td>
</tr>
<tr>
<td align="right">Nama Depan:</td>
<td><input nama="nama" size="40" type="text" /></td>
</tr>
<tr>
<td align="right">Nama Belakang:</td>
<td><input nama="nama" size="40" type="text" /></td>
</tr>
<tr>
<td align="right">Email :</td>
<td><form><input type="email" name="email" size="40" /></form></td>
</tr>
<tr>
<td align="right">ReType Email:</td>
<td><form><input type="email" name="email" size="40" /></form></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><form><input type="password" name="pwd" size="40"  /></form></td>
</tr>
<tr>
<td align="right">Kelamin:</td>
<td><select><option value="-1">Jenis Kelamin:</option>
<option>laki-laki</option>
<option>perempuan</option>
</select>
</tr>
<tr>
<td align="right">Tanggal Lahir:</td>
<td>
<select><option value="-1">Tanggal:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select>
<option value="-1">Bulan:</option>
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>
<select><option value="-1">Tahun:</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
<option value="1916">1916</option>
<option value="1915">1915</option>
<option value="1914">1914</option>
<option value="1913">1913</option>
<option value="1912">1912</option>
<option value="1911">1911</option>
<option value="1910">1910</option>
<option value="1909">1909</option>
<option value="1908">1908</option>
<option value="1907">1907</option>
<option value="1906">1906</option>
<option value="1905">1905</option>
</select>
</td>
</td>
</td>
<tr>
<td></td>
<td><font size=2>Mengapa saya perlu mengisinya ?</font></td>
</tr>
<tr>
<td></td>
<td><div class="mlebuok" align="center">
<a class="daftar" href="http://www.facebook.com/signup">
<font color="white"><b>Mendaftar</a></font></b></div></td>
</tr>
<tr>
<td colspan=2 style="border-bottom:#5d3c1c solid thin"></td>
</tr>
<td colspan=2 align="center">
<b>Category Balita</b> <font color=#464646>cute, lucu, dan familiar.</font>
</td>
</table>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="wrapped">
<div class="tulisan2">
<table width=100% border=0 align="left">
<tr>
<td><a class="bahasa" href="http://www.indonesia.com">Bahasa Indonesia</a></td>
<td><a class="bahasa" href="http://www.sunda.com">Bahasa Sunda</a></td></td>
<td><a class="bahasa" href="http://www.bali.com">Bahasa Bali</a></td>
<td><a class="bahasa" href="http://www.bahasatubuh.com">Bahasa Tubuh</a></td></td>
<td><a class="bahasa" href="http://www.melayu.com">Bahasa Melayu</a></td>
<td><a class="bahasa" href="http://www.next.com">>></a></td>
<td width=500px></td>
</tr>
<tr>
<td colspan=8 style="border-bottom:#5d3c1c solid thin"></td>
</tr>
</table><br>
<table border=0 cellspacing=1 cellpadding=2>
<tr>
<td width="155px"><a class="kopi">Balita Indonesia &copy; Copyright 2011</a></td>
<td width=""><a class="bahasa" href="http://www.aksarajawa.com">Indonesia</a></td>
<td width="299px"></td>
<td><a class="bahasa" href="http://www.seluler.com">Seluler</a></td>
<td><a class="bahasa" href="http://www.cariteman.com">Cari Teman</a></td>
<td><a class="bahasa" href="http://www.lencana.com">Lencana</a></td>
<td><a class="bahasa" href="http://www.orang.com">Orang</a></td>
<td><a class="bahasa" href="http://www.halaman.com">Halaman</a></td>
<td><a class="bahasa" href="http://www.tentang.com">Tentang</a></td>
<td><a class="bahasa" href="http://www.iklan.com">Iklan</a></td>
<td><a class="bahasa" href="http://www.foto.com">foto</a></td>
<td><a class="bahasa" href="http://www.karier.com">Karier</a></td>
<td><a class="bahasa" href="http://www.privasi.com">Privasi</a></td>
<td><a class="bahasa" href="http://www.ketentuan.com">Ketentuan</a></td>
<td><a class="bahasa" href="http://www.bantuan.com">Bantuan</a></td>
</tr>
</table>
</div>
</div>
</div>
</BODY>
</HTML></div>

Dan untuk tampilan nya saya disini ingin memberikan contoh,bagaimana cara membuat sebuah Header, Content, dan Footeru jika menggunakan CSS
Hasil dari Script yg saya share sbb :
untuk menampilkan semua gambar maka kalian harus menyimpan semua file nya pada satu folder yaa..


naHh begitulahh kawaNn, apa yg bisa saya share kan dengan kalian..
semoga apa yg saya share kan dapat menjadi manfaat dan berkah bagi kalian semua nya..
tak lupa kritik dan saran, yg membangun selalu diharapkan sebagai evaluasi perbaikan materi kedepan...
Selamat mencoba dan Gud Luck GuySs..

WITH MUSIC YOU CAN LIVE


"HIDUP UNTUK MUSIK ATAU MUSIK UNTUK HIDUP'
kawan - kawan..... kita tentu mengetahui apa fungsi musik, tapi kebanyakan dari kita malah dilema terhadap arti dari musik itu sendiri. Dari hasil pengalaman saya, terdapat dua pandangan orant tentang arti musik, yaitu :

1. Orang yang "HIDUP UNTUK MUSIK"
mereka adalah orang yang berhasil dengan bermain musik atau mengabdikan diri hanya untuk musik. Mereka hanya terus berputar - putar di seputar dunia musik; terperangkap di dalamnya dan tak pernah ingin mencoba sesuatu di luar musik bahkan melihat dunia luar pun mereka tak mau. hidup mereka hanya untuk musik; musik adalah keharusan/kewajiban yang tak boleh ditinggalkan dan musik adalah harga mati seumur hidup.

2. Orang yang beranggapan " MUSIK UNTUK HIDUP"
orang tipe yang kedua ini adalah orang yang santai menanggapi musik. kalau bosan main musik, kalau capek dengar musik, kalau sedih dengar musik; kalau senang dengar musik. Memang sih kalau dilihat dari perilaku mereka tidak jauh beda dari tipe 1, tapi mereka bukanlah orang yang serius dengan musik. Musik hanya penyeimbang hidup mereka.

tapi mungkin ada satu tipe lagi; tipe terlarang yang tak ingin saya masukkan sebagai opsi, yaitu tipe orang yang "RELA MATI UNTUK MUSIK". Menurut saya mereka adalah orang yang beraliran keras , ekstrem, dan tolol. karena terlalu fanatiknya dengan musik mereka rela mati untuk musik. contohnya adalah seorang penggemar fanatik band yang demi melihat si idola rela mengorbankan nyawa di jalan ngebut2 agar tak ketinggaln melihat sang idola.
ok kawan sekarang cobalah memilih kalian masuk dimana "HIDUP UNTUK MUSIK ATAU MUSIK UNTUK HIDUP" ????dan jangan pernah memilih yang tak saya masukkan sebagai opsi, kecuali kau sudah gila !!!!! heHHeeee ^_^
post by :
 FB : andibayu_13Fc@yahoo.com

HYPERLINK PADA HTML


Dalam pembelajaran kali ini akan dibahas mengenai penggunaan hyperlink pada html,
Karena sebuah halaman web akanlah sangat membosankan apabila hanya akan memuat satu halaman saja tanpa ada penggunaan secara dinamis, ntah itu hanya link antar halaman ataupun sampai ke aplikasi download. semoga isi dari materi ini bisa menjadi referensi anda dalam pembelajaran html.

Suported By :



Berikut ini akan saya contohkan, aplikasi sederhana akan konsep penggunaan hyperlink.
pertama kita akan membuat menu untuk mendownload sebuah dokumen file, yang lngsung diarahkan ke layanan download.
Untuk scriptnya silahkan diamati dan di analisis ya preNn :

<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="matrix.ico">
<head>
<title>Dokumen</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption> :: UNLIMITED DOWNLOAD :: </caption>

<tr>
<th width="30" bgcolor="teal"></th>
<th width="5"></th>
<th width="300" bgcolor="teal"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="yellow"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="teal"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="teal"></th></tr>
<tr>
<td rowspan=12 bgcolor="teal"></td>
<td colspan = 7 bgcolor="yellow"><ol>
<li><a href="www.4shared.com" title="Download file"> BIOZ in Blitar</a></li>
<li><a href="www.4shared.com" title="Download file"> BIOZ in Mojokerto</a></li>
<li><a href="www.4shared.com" title="Download file"> PTI'09 OFF B</a></li>
<li><a href="www.4shared.com" title="Download file"> BIOZ in Bondowoso</a></li>
<li><a href="www.4shared.com" title="Download file"> BIOZ in Bali</a></li>
</ol>
</td>
<td rowspan=10 bgcolor="teal"></td>
</tr>
<tr>
<td colspan=12 bgcolor="teal"><p align="center"> &copy; andibayu </b></p></td>
</tr>
</table>
</body>
</html>

Dan tampilan dari scipt di atas yakni sbb :


Jika kita ingin mendownload film, maka kita langsung saja clik pada tulisan film, maka secara otomatis tampilan menu akan menampilkan tampilan menu daftar download film, untuk lebih jelasnya silahkan perhatikan script berikut ini guys :


<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="matrix.ico">
<head>
<title> Film</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption> :: UNLIMITED DOWNLOAD ::</caption>


<tr>
<th width="30" bgcolor="teal"></th>
<th width="5"></th>
<th width="300" bgcolor="yellow"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="teal"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="teal"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="teal"></th></tr>
<tr>
<td rowspan=12 bgcolor="teal"></td>
<td colspan = 7 bgcolor="yellow"><ol>
<li><a href="sinema3satu.com" title="Download file">The Crazies</a></li>
<li><a href="sinema3satu.com" title="Download file">Harry Potter 7</a></li>
<li><a href="sinema3satu.com" title="Download file">In the Name of God</a></li>
<li><a href="sinema3satu.com" title="Download file">You Again</a></li>
<li><a href="sinema3satu.com" title="Download file">The Social Network</a></li>
</ol>
</td>
<td rowspan=10 bgcolor="teal"></td>
</tr>
<tr>
<td colspan=12 bgcolor="teal"><p align="center"> &copy; andibayu </b></p></td>
</tr>
</table>
</body>
</html>

Dari script diatas maka akan muncul tampilan sperti ini kawaNn :

Lanjutnya ketika kita ingin menampilkan layanan untuk mendownload film, maka kita langsung saja meng click tulisan musik.
adapun script nya seperti ini preNn :

<!DOCTYPE HTML>
<html lang="en">
<link rel="shortcut icon" href="matrix.ico">
<head>
<title>Musik</title>
</head>
<body>
<table border=0 align="center" cellspacing=0
cellpadding=10>
<caption> :: UNLIMITED DOWNLOAD ::</caption>

<tr>

<th width="30" bgcolor="teal"></th>
<th width="5"></th>
<th width="300" bgcolor="teal"><a href="film.html">Film</a></th>
<th width="30"></th>
<th width="300" bgcolor="teal"><a href="dokumen.html">Dokumen</a></th>
<th width="30"></th>
<th width="300" bgcolor="yellow"><a href="musik.html">Musik</a></th>
<th width="5"></th>
<th width="30" bgcolor="teal"></th></tr>
<tr>
<td rowspan=12 bgcolor="teal"></td>
<td colspan = 7 bgcolor="yellow"><ol>
<li><a href="http://beemp3.com/" title="Download file">westlife - miss you</a></li>
<li><a href="http://beemp3.com/" title="Download file">westlife - I have a dream</a></li>
<li><a href="http://beemp3.com/" title="Download file"> westlife - change the world</a></li>
<li><a href="http://beemp3.com/" title="Download file">westlife - my love</a></li>
<li><a href="http://beemp3.com/" title="Download file">westlife - soledad></li>
</ol>
</td>
<td rowspan=10 bgcolor="teal"></td>
</tr>
<tr>
<td colspan=12 bgcolor="teal"><p align="center"> &copy; andibayu </b></p></td>
</tr>
</table>
</body>
</html>

Dan untuk tampilan dari script di atas, dapat dilihat seperti gambar dibawah ini guys...


 ANALISIS ---> Jadi pada dasarnya file script pada halaman tampilan itu sebenarnya ada 3, yakni :
                            dokumen.html , musik.html ,  film.html

                            ke 3 halaman itu di jadikan link antar halaman sehingga ketiganya bisa saling berkaitan,                                  ditambah lagi link dengan sebuah koneksi download pada layanan yg berbeda, sesuai                                     dengan file yang ingin di download guys..


Bagaimana kawaNn, apakah kallian udah ada gambaran mengenai konsep nya? kalu belum ya jangan di terusin preNn ( gak tanggung ya aq kalu ntar tiba2 ada yang langsung pusing, hehe ^_^ )
silahkan mencoba latian guys..
See you next time..
Bye...

GRAFIK BATANG STATIS DI HTML


Halo KawaNn..
ini adalah tutorial baru lagi yang saya temuin dan coba aq share kan lagi sama kalian, moga pembelajaran kali ini semakin lebih baik ( mksudnya sih nambah ilmu aja, hehe ). sebenarnya mudah sih kalu ngerti konsepan nya, tapi kalu yang belum tau sama sekali ya pasti bakalan pusing 7 keliling, seperti saya pada awalnya, tapi akhirnya bisa juga terselesaikan.
Pada dasarnya pembuatan grafik ini menggunakan elemen pembuatan tabel, trus untuk menegak kan tabel yang ingin kalian buat. bisa menggunakan perintah "rowspan" kemudian atur letak dan ketinggian nya, merubah satu sama dengan merubah semuanya.

Sponsored by : 

 
Untuk lebih jelasnya bisa dilihat pada script yang sudah aq share kan :


<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Grafik</title>
</head>
<body>
<table border=0 align="center" cellspacing=0 cellpadding=3>
<caption><b>GRAFIK PERBANDINGAN SIKAP</b></caption>
<pre>
<font face="consolas ">
@andibayu.blogspot.com</br>
209533420400
pti b 2009
</font>
</pre>

<tr>
<td align="right">100</td>
<td rowspan=10 bgcolor=black></td>
<td width="25" height="20" colspan=25>
</tr>

<tr>
<td align="right">90</td>
<td width="15" height="20" colspan=26></td>
</tr>

<tr>
<td align="right">80</td>
<td width="15" height="20" colspan=25></td>
</tr>

<tr>
<td align="right">70</td>
<td width ="30" rowspan=7></td>
<td width ="20" height="30" rowspan=2></td>
<td width ="20" height="200" bgcolor=aqua rowspan=7></td>
<td width ="20" height="20" rowspan=1></td>
<td width ="20" rowspan=3></td>
<td width ="20" bgcolor=purple rowspan=7></td>
<td width ="20" rowspan=7></td>

<td width ="20" rowspan=1></td>
<td width ="20" rowspan=3></td>
<td width ="20" rowspan=5></td>
<td width ="20" rowspan=5></td>
<td width ="20" rowspan=4></td>
<td width ="20" rowspan=7></td>

<td width ="20" rowspan=3></td>
<td width ="20" rowspan=3></td>
<td width ="20" rowspan=3></td>
<td width ="20" rowspan=4></td>
<td width ="20" rowspan=5></td>
<td width ="20" rowspan=7></td>

<td rowspan=5></td>
<td rowspan=6></td>
<td rowspan=6></td>
<td rowspan=4></td>
<td rowspan=3></td>

<td width ="15" rowspan=7></td>
</tr>

<tr >
<td align="right">60</td>
<td width ="15" bgcolor=yellow rowspan=6></td>
<td width ="15" height="120" bgcolor=red rowspan=6></td>
</tr>

<tr>
<td align="right">50</td>
<td width ="15" height="120" rowspan=5 bgcolor=red></td>
</tr>

<tr >
<td align="right">40</td>
<td width ="15" height="80" bgcolor=grey rowspan=4></td>
<td width ="15" bgcolor=aqua rowspan=4></td>
<td width="15" bgcolor=red rowspan=4></td>
<td width="15" bgcolor=aqua rowspan=4></td>
<td width="15" bgcolor=yellow rowspan=4></td>
<td width="15" bgcolor=purple rowspan=4></td>
</tr>

<tr >
<td align="right">30</td>
<td width ="15" height="60" bgcolor=purple rowspan=3></td>
<td width ="15" bgcolor=grey rowspan=3></td>
<td width ="15" bgcolor=grey rowspan=3></td>
</tr>

<tr >
<td align="right">20</td>
<td width ="15" height="40" bgcolor=yellow rowspan=2></td>
<td width ="15" bgcolor=grey rowspan=2></td>
<td width="15" bgcolor=purple rowspan=2></td>
<td width="15" bgcolor=red rowspan=2></td>
</tr>

<tr >
<td align="right">10</td>
<td width="15" height="20" bgcolor=aqua rowspan=1></td>
<td width="15" bgcolor=yellow rowspan=1></td>
</tr>

<tr>
<td></td>
<td height="25" colspan=25 bgcolor=black></td>
</tr>

<tr>
<td colspan=3></td>
<td colspan=5 align="center"><b>Andi</b></td>
<td></td>
<td colspan=5 align="center"><b>Agus</b></td>
<td></td>
<td colspan=5 align="center"><b>Riris</b></td>
<td></td>
<td colspan=5 align="center"><b>Melinda</b></td>
<td></td>
</table>

<br>
<br>

<table border=0 align="left" cellspacing=3 cellpadding=3>
<tr>
<td><b><i>Keterangan:</i></b></td>
</tr>

<tr>
<td bgcolor=red width="40"></td>
<td><i> : Pemarah</i></td>
</tr>

<tr>
<td bgcolor=aqua width="40"></td>
<td><i> : Mudah Bergaul</i></td>
</tr>

<tr>
<td bgcolor=yellow width="40"></td>
<td><i> : Mudah Memaafkan</i></td>
</tr>

<tr>
<td bgcolor=grey width="40"></td>
<td><i> : Pendendam</i></td>
</tr>

<tr>
<td bgcolor=purple width="40"></td>
<td><i> : Kritis </i></td>
</tr>

</table>


</body>
</html>

gimana?? udah ngerti? silahkanlangsung di coba..
agar lebih membantu lebih memahami lagi, di sini aq tampilkan hasil dari script diatas :





















Nah, gambar diatas adalah hasil tampilan dari script yang sudah saya share kan, semoga pembelajaran kali ini semakin dapat memberikan kebermanfaatan bagi saya pribadi khususnya dan kalian semua pada umumnya guys....
Sekian dari saya, apabila ada kekurangan di di berikan saran dan kritik yang membangun ya preNn. makasiHh..
See you next time..
Bye..

Tabel Dengan Fitur Pengelompokan pada HTML


Ini adalah lanjutan tutorial saya dari postingan sebelumnya Gan, semakin banyak tutorial yang saya pelajari di html ternyata membuat saya semakin berkreasi kembali untuk mencoba men share apa yang saya coba, mungkin tutorial ini nantinya bisa berguna bagi kalian yang sedang belajar html.

Ini adalah Scipt nya kawaNn, jika kesalahan mohon di share ilmunya, karena ini sifatnya pembelajaran jadi kita bisa saling share ilmu.. Keys
silahkan diamati --> dianalisis --> jangan di apalin ( isa semalem g tidur nanti, hehe )

<!DOCTYPE HTML>
<html lang="en">
<head>
<title> TABEL KOREKSI </title>
</head>
<body>
<table border="10" cellspacing=5 frame="hsides" rules="groups">
<caption><b>TABEL PERBANDINGAN SIKAP</b></caption>

<pre>
<font face="consolas ">
@andibayu.blogspot.com</br>
209533420400
pti b 2009
</font>
</pre>

<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<tr><th width="35">No.<th width="250">Spesifikasi Sikap
<th width="50">Poin
<th width="200"> Andi
<th width="200">Agus
<th width="200">Melinda
<th width="200">Riris</tr>

<tbody>
<tr><td align="center">1
<td>Kerja Keras
<td align="center">8<td align="center">X
<td align="center">X
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">2
<td>Tekun
<td align="center">9<td align="center">X
<td align="center">X
<td align="center">X
<td align="center">-
</tr>
<tr><td align="center">3
<td>Tidak Sombong
<td align="center">6<td align="center">X
<td align="center">-
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">4
<td>Sabar
<td align="center">7<td align="center">X
<td align="center">-
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">5
<td>Pemaaf
<td align="center">10<td align="center">X
<td align="center">-
<td align="center">X
<td align="center">-
</tr>
<tbody>
<tr><td align="center">6
<td>Pemalas
<td align="center">-5<td align="center">-
<td align="center">-
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">7
<td>Cengeng
<td align="center">-3<td align="center">-
<td align="center">-
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">8
<td>Egois
<td align="center">-7<td align="center">-
<td align="center">X
<td align="center">-
<td align="center">X
</tr>
<tr><td align="center">9
<td>Suka Hutang
<td align="center">-10<td align="center">-
<td align="center">X
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">10
<td>Pemarah
<td align="center">-11<td align="center">-
<td align="center">X
<td align="center">-
<td align="center">X
</tr>
<tbody>
<tr>
<td colspan=3 align="center"><b>Total Point</b></td>
<td align="center">40</td>
<td align="center">-11</td>
<td align="center">1</td>
<td align="center">-36</td>
</tr>
</table>
</br></br>
<i>Source: Script Magazine - February. 2011 </i></br>
<br>&copy; andibayu </br>

</body>
</html>

Rumit juga sih script nya, namun itu semua menyenangkan kalu kita liat hasilnya sesuai dengan apa yang kita inginkan ( benar kan!! ), so ini kawan untuk hasil tampilan dari script html di atas :
Sekali lagi tutorial ini hanya sebagai pembelajaran bagi saya khususnya di bidang IT, yang mengkaji masalah HTML, karena pada dasarnya pembelajaran sudah bukan menjadi hal asing lagi di era teknologi seperti saat ini saat ini.
Semoga  Tutorial html ini bisa membawa manfaat bagi pembaca, sampai jumpa di pembelajaran selanjutnya...

Bye...

Cara Membuat Halaman Web Yang Simpel



Ini adalah tutorial kalu kita pengen buat halaman web yang sederhana guys, tapi ini cuma sekedar contoh halaman biasa aja karena saya sendiri asih dalam tahap pembelajaran, jadi mohon di maklumi jika masih terjadi kesalahan script di sana sini. ( kalu  aq sih ngomong nya ya sip sip aja, kan kerjaan Q, hehe), dari bahan ini setidaknya kalian bisa contoh dan kembangin lagi, karena aq yakin kalian lebih kreatif dan inovatif ( harapan saya kepada pembaca )

<!DOCTYPE HTML>
<html lang="en">

<hr color="yellow" />
<head>
<title>the story</title>
</head>
<body background="bus.jpg">
<link rel ="icon" href ="rap.ico">
<h1><font face="constantia">
<font color=" brown "> MUSIC IS MY LIFE</h1>
<hr color="brown" />
 <ol>
<li>Picture</li>
<img src="andi.jpg" width=200 height=150 alt="MUSIC IS MY LIFE"/>
<li>Name :</li>
BAYU ANDI SULISTIYA

<li>AGAMA :</li>
Moslem

<li> Lagu di sukai saat ini :</li>
<ul>
<li>a.Steven Coconut, dengan karakter alunan musik reage nya yang seakan larut dalam alunan nya</li>
<li>b.Evanenscene, dengan karakter music pop rock yang kalem namun metal </li>
</ul>

<li> Tentang Music :</li>
Saya pikir dengan musik banyak bermunculan inovasi dan kreasi baru, mungkn itu hanya muncul pada diri saya, ntah dengan anda..
<p>Tiap orang kan punya karakter yg berbeda, tentunya anda pasti punya sumber inspirasi yang Unik juga..
</ol>
</li> <hr color="red" width=100 / align=left>

<hr color="blue" />
</body>
</html>
 Untuk tampilan programnya seperti ini kawaNn :



Ya, begitulah preNn yang bisa saya Unggah, semoga tutorial ini membawa manfaat bagi kalian semua..
Silahkan di tunggu the next tutorial mengenai fiture2 di hml.. akan saya posting lagi...
See you next time..

andibayu. Diberdayakan oleh Blogger.

PEMBELAJARAN BERBASIS ONLINE