flas script


Membuat situs social network sederhana menggunakan PHP dan MySQL

Pada artikel kali ini saya akan berbagi tentang bagaimana cara membuat sebuah web jejaring sosial atau social network sederhana menggunakan PHP dan MySQL. fasilitas yang diberikan pada situs ini adalah :
  1. Daftar member baru 
  2. Update akun member 
  3. Pertemanan 
  4. Update status 
  5. Upload photo 
  6. Komentar Gallery Photo
Halaman Login

 Halaman Profil

DataBase

Coding Proses :

    <?php
    if($_GET['mode']==’status’){
    $status=$_POST['status'];
    $tanggal=$_POST['tanggal'];
    $query=mysql_query(“insert into tbl_status values(”,’$id_user’,'$status’,'$tanggal’)”);
    if($query){
    header(“Location:?page=profil&stat=Berhasil Input Status”);
    }else{
    echo mysql_error();
    }
    }

    if($_GET['mode']==’pesan’){
    $pesan=$_POST['pesan'];
    $tanggal=$_POST['tanggal'];
    $id_user=$_POST['id_user'];
    $id_teman=$_POST['id_teman'];
    $query=mysql_query(“insert into tbl_pesan values(”,’$id_user’,'$id_teman’,'$pesan’,'$tanggal’)”);
    if($query){
    header(“Location:?page=profil&id_user=$id_user&stat=Berhasil Input Pesan”);
    }else{
    echo mysql_error();
    }
    }

    if($_GET['mode']==’komentar’){
    $pesan=$_POST['pesan'];
    $tanggal=$_POST['tanggal'];
    $id_user=$_POST['id_user'];
    $id_teman=$_POST['id_teman'];
    $query=mysql_query(“insert into tbl_komentar values(”,’$id_user’,'$id_teman’,'$pesan’,'$tanggal’)”);
    if($query){
    header(“Location:?page=form_photo&id_user=$id_user&stat=Berhasil Input Komentar”);
    }else{
    echo mysql_error();
    }
    }

    if($_GET['mode']==’pertemanan’){
    $id_user=$_POST['id_user'];
    $id_teman=$_POST['id_teman'];
    $query_cek=mysql_query(“select * from tbl_pertemanan where id_user=’$id_user’ and id_teman=’$id_teman’”);
    $cek=mysql_num_rows($query_cek);
    if($cek==0){
    $query=mysql_query(“insert into tbl_pertemanan values(”,’$id_user’,'$id_teman’,'no’)”);
    if($query){
    header(“Location:?page=profil&id_user=$id_teman&stat=Menunggu konfirmasi pertemanan”);
    }else{
    echo mysql_error();
    }
    }else{
    header(“Location:?page=profil&id_user=$id_teman&stat=Harap bersabar, Sedang menunggu konfirmasi pertemanan”);
    }
    }

    if($_GET['mode']==’konfirmasi’){
    $id_user=$_POST['id_user'];
    $id_teman=$_POST['id_teman'];
    $query_cek=mysql_query(“select * from tbl_pertemanan where id_user=’$id_user’ and id_teman=’$id_teman’”);
    $cek=mysql_num_rows($query_cek);
    if($cek){
    $query=mysql_query(“update tbl_pertemanan set konfirmasi=’yes’ where id_user=’$id_user’ and id_teman=’$id_teman’”);
    if($query){
    header(“Location:?page=teman&stat=Sudah dikonfirmasi”);
    }else{
    echo mysql_error();
    }
    }else{
    echo mysql_error();
    //header(“Location:?page=teman&stat=Error”);
    }
    }
    ?>


Download script
PERHATIAN : 
Jika fungsi header php tidak bekerja atau error di fileproses.php

header('Location:home.php');

Silahkan ganti dengan skrip javascript untuk redirect halaman

?>< script language=java script >document.location.href="home.php";< / script > <?php

ChatingPHP 
Jika ingin ditambahkan fasilitas chating, bisa menggunakan phpfreechat Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan Anda semua…aminnnn....!!!

Tentang Website : 
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


Bagaimana Cara Membuat Widgate Menempel di Bawah Blog

Kali ini saya akan berbagi tips mengenai Bagaimana Cara Membuat Widgate Menempel di Bawah Blog. Dan langsung saja bagi sobat yang ingin menerapkannya pada blognya masing - masing silahkan ikuti cara-caranya dibawah ini dengan baik.

Berikut tutorialnya:

Cara Membuat Widgate Menempel Di Bawah Blog
  • Login ke Blog 
  • Masuk ke Menu Dasbor / Rancangan 
  • KemudianTata Letak kemudian pilih tambahkan gadget 
  • Pilih HTML/Javascript 
  • Selanjutnya copy kode dibawah ini dan pastekan pada kotak HTML/Javascript 
Berikut kodenya:

<style type="text/css">
.melayang {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
background-color: #f2f2f2;
color: white;
margin: left: 20px;
padding: 20px;
}
</style>
<div class="melayang">
Simpan kode widgate anda disini...
</div>
  • Selanjutnya klik simpan dan selesai dah...!!
Nah, mungkin sampai disini dulu pembahasan kita kali ini tentang Cara Membuat Widgate Menempel Di Bawah Blog. Semoga artikel ini bermanfaat buat anda semua.

Cara Membuat Blog :
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


Cara Membuat Iklan Menempel Di Bagian Atas

Tips Cara Membuat Blog kali ini agak bingung mau dikasih nama apa, intinya sobat blogger pernah gak lihat iklan yang menempel diatas header kucoba.com? kalau belum pernah, coba lihat image disamping.
Tips blog cara mudah membuat iklan menempel di atas header ini saya dapat dari blogger kang salman. seperti apa cara membuatnya ?
 Ikuti langkah mudah berikut ini :
  1. Login ke Blogger 
  2. Pilih Rancangan 
  3. Klik Edit HTML 
  4. Selanjutnya Coba Anda cari kode <div id="outer-wrapper">
Jika sudah ketemu tambahkan kode ini di bawahnya :

<div style='display:scroll; top:0px;position:fixed;'>
<!-- Start Kode -->
<a href='http://fungsi-media-internet.blogspot.com/2012/12/the-miracle-of-giving-program-investasi.html'><img alt='usaha berhasil' border='0' height='54' src='http://i1111.photobucket.com/albums/h465/asistenikopin/JasaBuatIklanBanner.gif' width='972'/></a><!-- End Kode -->
</div>

Keterangan:
Angka yang di warnai merah adalah lebar iklan dan ketinggian banner iklan. Nah jika sudah selesai Save tamplate dan lihat hasilnya.Selamat Mencobanya...!!!

Cara Membuat Blog :
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


Cara menyembunyikan buku tamu Versi 2013

Sebenarnya ada beberapa alasan sehingga blogger menyembunyikan buku tamunya... Tapi secara umum yakni agar tampilan blog semakin lega dan keren... Jika buku tamunya di simpan di sidebar, tentu saja hal semacam ini akan memakan ruang yang cukup banyak bukan??? Oleh karena itu, mengapa chat box maupun shout box pada umumnya di tempatkan tersembunyi di bagian sudut blog yang mudah dilihat oleh pengunjung...

Langsung saja yah, di bawah ini saya sediakan 2 pilihan script buat menyembunyikan chat box maupun shout box, yang satu dengan menggunakan knop atau tombol yang membuka ke samping saat di klik dan yang satunya lagi dengan cara open close. Berikut scriptnya:

1. Dengan menggunakan tipe buka tutup ke samping (knop):

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

copy SCRIPT CHAT BOX / SHOUT BOX anda di sini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

2. Dengan menggunakan tipe Open Close, scriptnya yakni:

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:1px solid #004831;
background:#00fcefff;
padding:5px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup boss ]</b></a></div>

copy SCRIPT CHAT BOX / SHOUT BOX anda di sini

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i51.tinypic.com/2meeej8.gif"/>
</a>
</div>

Jika sobat ingin mendesain sendiri gambar tampilannya, silahkan sobat ganti url yang berwarna merah dengan url gambar sobat ! Semoga sobat berhasil membuat chat box dan shout box nya tersembunyi dan tampilan blog sobat menjadi lebih simpel serta keren.

Cara Membuat Blog :
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


Pantun Cinta Romantis

Pantun Cinta Romantis - Buat anda yang sedang berusaha menembak wanita yang anda idam-idamkan atau mungkin menunjukkan keromantisan hubungan anda, tidak cukup-lah hanya dengan memberikan kata bijak hari ini untuk dia.

Berikut ini kami akan membagikan pantun cinta romantis yang bisa anda utarakan ke dia baik langsung maupun tidak langsung, semua tergantung cara anda. Oke, langsung saja dibawah ini kumpulan pantun cinta.

Kemanapun kaki melangkah
Aku selalu mengurai doa
Kemanapun cinta merambah
Aku selalu mengurai setia

Anak bangsawan menjahit tabir
Sulam di tepi siku keluang
Benci tuan cuma di bibir
Dalam hati membara saying

Taman hati tak akan hilang >> pantun Cinta<<
Karena disiram air setia
Kekasih hati tak akan melayang
Karena selalu saling percaya

Bulan purnama begitu menggoda
Air di danau beriak-riak bahagia
Meski rindu kadang menyiksa
Aku tetap akan setia.

Juragan pisau makan buah. >> pantun Cinta <<
Buah kotor kena tinta,
Jangan risau jangan gundah
Karena derita bumbu cinta

Ada taman hati sedang berbunga
Selalu disirami oleh cintamu
Biarkan saja semua menghina
Sayangku tetap hanya untukmu.

Terpesona oleh matahari pagi. >> pantun cinta <<
Aku membuat sebuah lukisan
Tak terasa aku jatuh cinta lagi
Bertemu denganmu begitu berkesan

Paling cakep burung gelatik
Di atas awan terbang melayang
Emang banyak wanita cantik
Cuman ade yang abang sayang

Mari berbalas pantun cinta. >> pantun cinta<<
Tuliskan rindu di sepanjang jalan
Mari kita bercanda ria
Hilangkan muram dan kesedihan

Aku sayang kamu
Kamu sayang aku
Kamu dan aku
Selalu bersatu

Jika sobat setia ingin menambahkan pantun cinta yang lain, silahkan melalui kotak komentar yak !
Thanks All !!!


Pengertian domain dan hosting serta macam-macam Hosting

Sekarang saya akan menjelaskan mengenai Hosting dan Domain, karena hosting dan domain merupakan bagian yang penting apabila anda ingin membuat website. Karena saya bingung mau dimasukkin kategori mana artikel ini, maka saya pasang saja sebagai selingan. Apa itu hosting dan domain? bagi anda yang ingin membuat sebuah website dan ingin agar website anda online maka anda harus mengerti mengenai hosting dan domain. Saya akan coba menjelaskan kepada anda mengenai hosting dan domain serta macam-macam hosting dan domain.

Domain 

Apa itu domain? domain merupakan nama unik/alamat untuk website anda, domain merupakan nama yang diakhiri dengan .com, .net, .org, .biz, .tv dan lain-lain. Jadi apabila seseorang ingin melihat file-file HTML milik saya maka anda cukup menulis www.madesus.com pada browser maka otomatis website saya akan muncul. Karena domain madesus.com telah menjadi milik saya. Anda pun dapat membeli sendiri domain untuk anda, tinggal pilih nama yang bagus dan anda akan memiliki domain anda sendiri. Untuk domain biayanya biasanya pertahun, dan setelah anda memiliki domain maka domain tersebut tidak bisa dimiliki oleh orang lain kecuali anda tidak lagi membayarnya. Jika anda memiliki domain madesus.com maka URL(Uniform Resource Locator) anda adalah http://www.madesus.com. Dimana saya bisa membeli domain? tenang saja nanti akan saya jelaskan.

Apabila anda telah membeli domain dan masa berlaku domain anda akan habis, segeralah diperpanjang, apabila anda telat 1 hari saja memperpanjangnya, saya berani jamin anda akan kesulitan untuk memperoleh domain anda tersebut

Memilih Domain 

Nama domain dhimasronggobramantyo.com merupakan contoh nama domain yang buruk, karena selain panjang nama domain tersebut sulit diingat.

Kebanyakan nama domain yang ada saat ini telah dimiliki orang, jadi anda benar-benar harus memilih nama domain yang unik. Tetapi dalam memilih nama domain anda harus memperhatikan bahwa nama domain anda kalau bisa sesingkat mungkin untuk mengecilkan kemungkinan seseorang salah mengetik domain anda. Jangan lupa domain anda sebaiknya memiliki arti dan gampang diingat, jangan sekali-kali membeli domain dengan penggabungan angka dan huruf karena akan susah diingat. Domain dengan nama l4k1l4k1.com akan susah diingat. Pilihlah juga domain yang mudah diucapkan, jadi apabila ada ibu-ibu yang sedang bergosip tentang website anda mereka dapat mengucapkan domain anda dengan benar.

Subdomain 

Subdomain sebenarnya alamat domain yang masih menjadi bagian dari domain anda, tetapi subdomain dapat anda arahkan ke file HTML yang berbeda dari domain utama anda. Contoh subdomain misalnya http://search.madesus.com yang berarti subdomain search pada domain madesus.com , anda dapat memasang subdomain melalui tempat anda membeli domain.

Hosting

Oke, sekarang apabila seseorang mengklik domain anda kemudian bagaimana caranya agar dokumen HTML yang ada pada komputer anda bisa ditampilkan? Dokumen-dokumen HTML pada komputer anda harus disimpan ditempat lain, jangan di komputer anda. Anda harus menyewa tempat diperusahaan Hosting untuk menyimpan dokumen anda. Jadi hosting merupakan tempat untuk menyimpan dokumen HTML anda. Biasanya perusahaan yang menjual hosting juga menjual domain jadi anda membeli domain sekaligus menyewa hosting untuk menyimpan file HTML anda. Pembayaran hosting biasanya tahunan.
Dalam memilih hosting ada beberapa hal yang harus diperhatikan:
  1. Kapasitas: Anda perlu memperhatikan bearapa kapasitas yang dibutuhkan, apakah 25MB, 50MB atau 1GB. Anda harus memilih dengan cermat sesuai kebutuhan karena tentu saja semakin besar kapasitas biayanya semakin mahal. 
  2. Teknologi yang digunakan: Apakah servernya Linux atau Windows, dan jika anda membuat file PHP apakah hostingnya mendukung file PHP? Demikian juga apabila anda membuat web menggunakan ASP, JSP, Perl, Python, dan Ruby apakah hostingnya mendukung? Karena itu anda harus teliti sebelum membeli, tanyakan langsung pada perusahaan hosting yang ingin anda beli. Jangan sampai anda membuat website dengan PHP tetapi anda membeli hosting yang tidak mendukung PHP. 
  3. Suppot: Periksa apakah perusahaan hosting yang ingin anda beli memiliki layanan support yang baik selama 24jam, jadi apabila tengah malam tiba-tiba anda mendapat masalah dengan website anda maka anda dapat menanyakan langsung kepada perusahaan hosting anda. 
  4. Database: Apabila anda membuat website dinamis, pastikan anda memeriksa apakah mereka menyediakan database. Periksa juga berapa jumlah database yang disediakan dan apa saja apakah MySQL, PostgreSQL, Access dll. 
  5. Backup: Apakah hosting anda membackup data anda setiap hari. Ini penting karena ada banyak hosting kurang ajar yang tidak melakukan back up dan apabila data anda tiba-tiba hilang mereka tidak mau tahu. 
  6. Bandwith: Anda harus memeriksa kapasitas bandwith yang disediakan. Bandwith merupakan besarnya data transfer dalam sebulan. Kira-kira begini maksudnya. Apabila sebuah perusahaan hosting menyediakan bandwith 1GB sebulan. Maka apabila anda memiliki sebuah file HTML dengan ukuran 20kb (sudah termasuk images) dan pengunjung website anda perhari sekitar 100 orang, maka anda menghabiskan bandwith perhari: 20kb x 100orang = 2000kb =2MB. Perbulan: 2MB x 31 = 62MB, apabila anda memiliki 10 halaman maka: 62MB x 10 = 620MB. Jadi perhatikan bandwith yang disediakan dengan ukuran file HTML anda, apabila pengunjung website anda semakin banyak tentu saja bandwithnya juga akan semakin besar. Kebanyakan hosting Indonesia menyediakan bandwith yang kecil, hosting luar negeri menyediakan bandwith yang lebih besar dan murah.
Tipe-tipe Hosting 

Hosting ada bermacam-macam, yang peling banyak digunakan adalah virtual (shared) hosting. Dimana didalam satu server terdapat banyak hosting (salah satunya milik anda) dan terdapat banyak domain. Biasanya hosting yang satu ini yang paling banyak digunakan, biayanya juga lebih murah. Free Hosting, nah kalau yang ini merupakan hosting gratisan, anda tidak perlu membayar apa-apa tetapi biasanya akan banyak iklan yang muncul pada website anda dan anda tidak bisa memiliki domain sendiri. Dedicated Hosting, nah yang ini merupakan solusi yang paling mahal. Karena anda memiliki server sendiri dan dalam satu server tersebut hanya ada satu hosting dan domain milik anda. Anda memerlukan tenaga ahli untuk merawatnya. Collocated Hosting, yang satu ini juga solusi yang mahal, sama seperti memiliki server sendiri dikantor / rumah anda, tetapi pada Collocated Hosting servernya terletak diperusahaan hosting dan mereka yang merawatnya.

Karena anda sudah mengerti anda dapat memilih hosting dengan bijaksana.

Perusahaan penjual hosting 

Ada banyak sekali perusahaan yang menjual hosting dan domain. Untuk Indonesia berdasarkan jumlah pengguna paling banyak dipegang oleh masterwebnet, urutan kedua dipegang oleh idwebhost yang terkenal karena harganya yang murah dan urutan ketiga dipegang oleh Singcat yang merupakan perusahaan penjual hosting pertama di Indonesia. Terserah anda ingin memilih yang mana, tetapi ingat perhatikan kebutuhan anda.

Anda telah mengerti mengenai domain dan hosting sekarang anda siap untuk mengonlinekan website anda.
Selamat mencobanya...!!!

Tentang Website : 
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


Mengenali seluk beluknya XHTML dan Web Standards

Web Standards merupakan sebuah standard dalam menyusun kode-kode HTML yang baik dan terstruktur. Kebanyakan website yang ada saat ini disusun dengan kode HTML yang tidak terstruktur, hancur dan berantakan. Karena itu World Wide Web Consortium (W3C) dengan semangat membara ingin menyuruh para pembuat website diseluruh dunia untuk menstandardkan websitenya.

XML 

Anda tentu sudah tau tentang XML, yang merupakan bahasa markup seperti halnya HTML. Hanya saja XML lebih terstruktur penggunaannya, salah sedikit saja maka aplikasi-aplikasi yang dapat membaca XML akan gagal membaca file XML anda. Perbedaan antara XML dan HTML adalah: HTML didesain untuk menampilkan data sedangkan XML didesain untuk mendeskripsikan data.

Karena itu W3C mengeluarkan standard baru yang menggabungkan kekuatan HTML dan XML menjadi satu yaitu XHTML. Karena XHTML merupakan XML, maka XHTML bisa dibaca oleh semua alat yang mampu membaca XML. Dan karena XHTML juga merupakan HTML maka browser-browser kuno juga mampu membacanya.

Kenapa sih harus standard? 

Negara-negara di Eropa telah memerintahkan agar website-website pemerintah disana distandardkan. Ditambah sebuah fakta yang mengerikan bahwa di Jepang 65% orang Jepang mengakses internet melalui Handphone/PDA tidak melalui komputer. Bagaimana jika orang Jepang tersebut mengakses website anda?

Ini pertanyaan yang sering ditanyakan oleh orang-orang, kenapa website kita harus standard? Oke, jika kita menggunakan browser seperti IE, Firefox dan browser lainnya dikomputer tidak akan masalah walaupun kode HTML kita berantakan karena browser-browser tersebut cukup canggih dan mampu membaca kode HTML sekacau apapun. Tapi bagaimana dengan orang-orang yang masih menggunakan browser text seperti Linx? atau orang buta yang menggunakan browser Webbie atau screen reader untuk membaca website anda? Atau bagaimana dengan orang-orang yang mengakses website anda melalui Handphone, PDA atau gadget-gadget kecil lainnya. Dengan membuat website anda menjadi standard maka website anda dapat dibaca oleh semua media.

Dengan bantuan CSS (Cascading Stylesheet) maka tampilan XHTML anda bisa dipercantik tanpa harus mengubah kode XHTML anda. Jadi gabungan XHTML dan CSS akan menghasilkan website maut yang kompatibel disemua media.

Satu lagi keunggulan web standard. Karena kode XHTML anda terstruktur dan tidak terlalu banyak kode (karena layout dan tampilan diatur oleh CSS) maka Search Engine dapat lebih mudah mengindeks website anda. Website anda akan lebih mudah masuk Search Engine.

Jadi? jika anda ingin beralih ke XHTML teruskan membaca, tetapi jika anda pikir ini hanya omong kosong silahkan saja klik tanda silang dikanan atas browser anda. Pilihan ada ditangan Anda

Deklarasikan bahwa file anda XHTML 

Mungkin anda akan bertanya-tanya, berarti saya simpan filenya dengan nama index.xhtml? tidak perlu, anda gunakan saja index.html atau index.php atau lainnya. Yang penting disini adalah kita mendeklarasikan bahwa dokumen kita adalah dokumen XHTML. XHTML sendiri saat ini sudah ada 3 versi, yaitu XHTML 1.0, XHTML 1.1 dan XHTML 2.0 (dalam pengembangan). Apabila anda masih beralih dari HTML ke XHTML gunakan saja XHTML 1.0, karena XHTML 1.1 sudah banyak perubahan apalagi yang XHTML 2.0.
XHTML 1.0 sendiri dibagi menjadi 3 tipe dokumen yaitu:
  • STRICT. Puncaknya standard, gunakan ini apabila anda benar-benar menginginkan kode yang benar-benar terstruktur. Beberapa tag sudah dihilangkan disini seperti <iframe>. Anda harus mengkombinasikan antara XHTML dan CSS 
  • TRANSITIONAL. Gunakan ini apabila anda ingin tampilan ditampilkan didalam file XHTML tidak di CSS 
  • FRAMESET. Gunakan yang ini, jika anda ngotot ingin menggunakan frames
Saya akan menerangkan perbedaan ketiganya di artikel lainnya. Sekarang seperti apa deklarasi ketiganya? lihat contoh dibawah:

XHTML 1.0 STRICT

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


XHTML 1.0 TRANSITIONAL 

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


XHTML 1.0 FRAMESET 

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


Kode XHTML selengkapnya adalah:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Judul Halaman Web</title>
</head>
<body>
<p>Isi halaman Web</p>
</body>
</html>


Seperti apa sih kode XHTML? 

Banyak sekali perbedaan antara kode HTML dan XHTML, yang pertama tentu saja diatas kode anda harus dideklarasikan apakah kode anda XHTML Frameset, Transitional atau Strict. Anda sudah melihat contohnya diatas. Kemudian apa lagi? masih banyak yang harus diingat. Mari kita bahas satu persatu.

Gunakan selalu huruf kecil (lowercase)

Ahh, kebiasaan kita dalam membuat HTML, hurufnya gede-gede bahkan kadang-kadang campur aduk nggak karuan. Perhatikan contoh HTML yang keliru dibawah ini:

<table WIDTH="100%">
<TR><TD>Contoh Teks</TD></TR>
</table>


Jika anda tidak mengerti apa itu tag, apa itu atribut, berarti anda salah membaca artikel. Silahkan baca artikel mengenai dasar HTML terlebih dahulu, baru kemudian meneruskan membaca yang ini.

Jika anda perhatikan pada contoh diatas, tag ataupun atribut ada yang menggunakan huruf kapital (uppercase). Didalam XHTML kode seperti itu salah, anda harus selalu menggunakan huruf kecil. Karena itu biasakan menggunakan huruf kecil dalam membuat tag html. Walaupun toh hasilnya dibrowser sama saja, tetapi web anda menjadi tidak standard. Ini contoh XHTML yang benar:

<table width="100%">
<tr><td>Contoh Teks</td></tr>
</table>


Semua tag harus terstruktur dengan baik 

Setiap tag yang dibuka harus ditutup dan harus terstruktur dengan baik dan benar. Perhatikan contoh yang salah ini:

<p><b>Ini Contoh Text</p></b>

Oke anda tau kesalahannya? ya <b> yang dibuka didalam <p> tetapi malah yang ditutup </p> duluan.
Yang benar adalah:

<p><b>Ini Contoh Text</b></p>

Contoh lagi yang salah:

<p>Paragraf 1
<p>Paragraf 2


Apa kesalahannya? ya, <p> tidak ditutup. Ini yang benar:

<p>Paragraf 1</p>
<p>Paragraf 2</p>


Standalone Tag yang benar 

Jika kita biasanya menulis <br> maka didalam XHTML yang benar adalah <br />. Demikian juga dengan <hr> yang benar <hr />. Ada lagi tag yaitu <img>, <input> yang benar adalah <img />, <input />

Jangan lupa tanda petik untuk atribut 

Kebiasaan buruk lainnya adalah tidak memberikan tanda petik untuk atribut. Perhatikan contoh berikut ini:

<table width=100% cellpadding=2 cellspacing=3>
<tr><td>Contoh Teks</td></tr>
</table>


Seharusnya yang benar adalah:

<table width="100%" cellpadding="2" cellspacing="3">
<tr><td>Contoh Teks</td></tr>
</table>


Menyingkat atribut = Salah !!! 

Anda pernah menyingkat atribut? mungkin anda tidak menyadarinya, coba perhatikan contoh berikut:

<input type="radio" checked>
<input type="text" readonly>


Jadi bagaimana yang benar? mudah, perhatikan contoh yang benar:

<input type="radio" checked="checked">
<input type="text" readonly="readonly">


Valid kah kode XHTML anda? 

Jika anda sudah mengubah semua kode HTML menjadi XHTML, sekarang saatnya anda untuk mengetes apakah kode XHTML anda valid, bagaimana caranya? Kunjungi saja http://validator.w3.org yang merupakan validator resmi dari W3C. Jika tidak terdapat error dalam website anda, selamat website anda sudah standard, dan anda benar-benar memperhatikan website anda dan pengunjung website anda.
Semoga Artikel ini bermanfaat bagi anda !

Tentang Website : 
Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !

Diberdayakan oleh Blogger.
Twitter Delicious Facebook Digg Stumbleupon Favorites More