Ring ring

Trick agar tampilan Wap tampak seperti Web www.aldhyyunus.wapgem.com

seperti yang telah kita ketahui bersama bahwa Wapsite di ciptakan untuk pengguna ponsel. Tampilannya di design khusus agar bisa di adaptasi pada layar ponsel. Tidak seperti Web atau blog, Wapsite benar-benar pas dan mudah di akses dari ponsel. Tapi terkadang kita merasa jenuh dengan tampilan default Wapsite, apa lagi jika kita melihatnya melalui pc, sungguh tampilannya masih sangat sederhana.

Untuk itulah, bagi kamu yang ingin memodifikasi tampilan Wap-nya, kamu bisa ikuti trick sederhana ini namun cukup lumayan untuk bisa membuat tampilan Wap kamu jadi berbeda dari sebelumnya. Yah, paling tidak mendekati Web lah :-p

Ada empat bagian yang harus dibuat agar tampilannya seperti Web, yaitu:

  1. Header
  2. Navigtion bar menu
  3. body/isi konten , dan
  4. Penutup/Footer

Mengapa bila kita surfing ke web atau blog menggunakan browser ponsel, tampilan dilayarnya terkesan melebar?? Dan harus kita zoom agar bisa melihat jelas? Mengapa pada Wap tidak demikian? Itu karena "width" dari halaman web tersebut bernilai sekitar 300% s/d 500% atau 3 s/d 5 kali lebar halaman Wap. Maka dari itu, kita perlu menambah nilai lebar dari Wap kamu agar seperti Web. Dalam contoh ini kita buat width="350%" saja.

Caranya: Buat file/halaman baru. Jangan kamu isikan apa-apa dulu dan tuliskan kode ini di kreator wap kamu

. Header dan Navigation Bar Menu
<div style="margin: 0px; padding: 0px; font-family: 'Trebuchet MS',verdana;"><table width="350%" hight="200%" cellpadding="7" cellspacing="5" border="0"><tr><td colspan="3" hight="100px" bgcolor="isi dengan warna kesukaan kamu"><table width="100%" border="1" rules=none frame=box>
<td width="50%" align="left">JUDUL WAP KAMU DAN DESKRIPSINYA</td><td width="50%" align="right">ISI DENGAN FOTO KAMU ATAU APA SAJA</td></tr>
<tr><td colspan="2" bgcolor="warna apa saja">ISI TOOL MENU</td></tr> </table></td></tr>
--> Yang bercetak merah adalah nilai width yang ditambah.
--> Yang bercetak hijau adalah Header.
--> Yang bercetak biru adalah Navigation bar Menu.

body/isi kontent

Pada bagian ini kamu bisa membuat side bar dan main bar atau body/isi kontent. Karena trick ini menggunakan metode table maka perihal jumlah kolomnya tergantung keinginan kamu, tapi untuk contoh ini kita buat 3 kolom saja.

<tr><td><table width="100%" cellpadding="7" border="1" rules=all frame=void><tr><td width="36%" rowspan="2" valign="top" bgcolor="isi warna kesukaan kamu">ISI DENGAN WIDGET/GADGET ATAU APA SAJA

--> ini bagian kolom 1 atau side bar.


</td><td width="32%" valign="top" bgcolor="isi warna kesukaan kamu">ISI DENGAN TEKS ATAU APA SAJA

--> ini bagian konten 2


</td><td width="32%" valign="top" bgcolor="warna kesukaan kamu">ISI DENGAN TEKS ATAU APA SAJA

--> ini bagian konten 3


Kolom Ekstra
Di bagian ini kamu bisa menambahkan kolom ekstra
</td></tr><tr><td colspan="2" bgcolor="warna kesukaan kamu">ISI DENGAN TEKS, WIDGET/GADGET, ATAU APA SAJA
-->ini adalah kolom ekstra

Penutup/Footer

Pada bagian ini dapat kamu isikan teks atau gadget apa saja. Sebetulnya pada bagian footer kamu bisa menjadikannya 3 (tiga) bagian, tapi sekedar contoh cukup 1 saja.


</td></tr><tr><td colspan="3" align="center" bgcolor="warna kesukaan kamu">Created design by:<br/>ALDHY YUNUS BOKI PINRANG | UPDATE 2010- 2015</td></tr></table></td></tr></table></div>

Sekian trick dari saya, untuk preview dari trick ini kamu bisa lihat disini

dan untuk copy paste script modif wap 3kolom lainnya KLIK DISINI

tips:

Amati dan pelajari agar dikemudian hari kamu bisa memodifikasi tampilan Wap dengan selera kamu sendiri.

Selamat mencoba..

BACK TO HOME (ALDHY YUNUS)