Cara Cepat Ubah Tampilan WAP Jadi WEB dlm 10 Menit

Pada tutorial sebelumnya telah dibahas cara-cara merubah tampilan wap menjadi web, namun jika kamu masih mengalami kesulitan memahami dan mengaplikasikannya, kini kamu bisa membuatnya hanya dalam hitungan menit. Seperti contoh halaman ini, kamu juga bisa merubah tampilan situs wapmu menjadi seperti ini.
Yang perlu kamu lakukan hanyalah dengan meng-copy script yg telah disediakan berikut kemudian paste di editor situsmu. Di bawah ini adalah contoh sangat sederhana WAP dengan menggunakan template CSS blog pada WordPress dengan tema Kubrick:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><br /><br />
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”id”><br /><br /><br />
<head profile=”http://gmpg.org/xfn/11″><br /><br /><br />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><br /><br /><br />
<title>Judul Situsmu</title><br /><br />
<link rel=”stylesheet” href=”http://looperz11.xtgem.com/A1_CSS WEB/A1_simple.css” type=”text/css” media=”screen” /><br /><br />
<!–[if IE]><link rel=”stylesheet” href=”http://s3.wordpress.com/wp-content/themes/default/ie.css?m=1244995184b” type=”text/css” media=”screen” /><![endif]–></p><br /><br />
<link rel=”shortlink” href=”http://wp.me/Fq9v” /><br /><br />
<style type=’text/css’><!–<br /><br />
body { background: url(“http://s1.wordpress.com/wp-content/themes/default/images/kubrickbgcolor.gif”); }<br /><br />
#page { background: url(“http://s2.wordpress.com/wp-content/themes/default/images/kubrickbg.gif”) repeat-y top; border: none; }<br /><br />
#header { background: url(“http://s3.wordpress.com/wp-content/themes/default/images/kubrickheader.gif”) no-repeat bottom center; }<br /><br />
#footer { background: url(“http://s1.wordpress.com/wp-content/themes/default/images/kubrickfooter.gif”) no-repeat bottom; border: none;}<br /><br />
#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }<br /><br />
#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }<br /><br />
#headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: ; }<br /><br />
#headerimg h1 a, #headerimg .description { display:  }</p><br />
<p>	–></style><br /><br />
<p><bgsound src=”http://looperz11.xtgem.com/music/mid/editgue_ThankU.mid” loop=”infinite” /><br /><br /><br />
</head><br /><br /><br />
<body><br /><br /><br />
<!– MULAI HEADER –></p><br /><br />
<div id=”page”><br /><br />
<div id=”header”><br /><br />
<div id=”headerimg” onclick=” location.href=’/’;” style=”cursor: pointer;”><br /><br />
<h1><a href=”#”>About http://looperz11.xtgem.com</a></h1><br /><br />
<div class=”description”>Dean Adjie Minwarie “LOOPERZ”</div><br /><br />
</div><br /><br />
</div><br /><br />
<p><!– AKHIR HEADER –></p><br /><br />
<hr /><br /><br />
<!– MULAI CONTENT –></p><br /><br />
<div id=”content” class=”narrowcolumn”><br /><br />
<div class=”post-25 post hentry ” id=”post-25″><br /><br />
<h2><a href=”#”>My Profile</a></h2><br /><br />
<div class=”entry”><br /><br />
<div class=’snap_preview’><center><a href=”#”><img loading=”lazy” src =”http://looperz11.xtgem.com/My data 4 t site/Pictures/Jomlo keren_p.jpg”width=150 height=165></a></center><br /><br /><br />
<!– ISINYA DIRUBAH SENDIRI YA… –></p><br /><br />
<p><b>Nama:</b> Deddy Sofyan Munawar<br /><br /><br />
<b>Nick:</b> Dean Adjie Minwarie, Looperz<br /><b>Birth:</b> Subang, 11 Nov 1984<br /><b>School:</b> UIN SGD Bandung, Muamalah 2002<br /><b>About Me:</b> Lahir di pelosok desa terpencil nun jauh dari keramaian, pada malam jumat kliwon bulan shafar… Hicks, serrem ya?! Ga juga deng, tp ga heran jg sih knp aku punya sifat eksentrik or rada aneh getoh. Dibilang gini karna memang respon orang mmg kayak begitu.<br /><br /><br />
Tapi gak musti takut jg, aku sebetulnya penyayang kok. Apalagi sama calonku, walopun doi suka salah arti gitu. Lho??!!! Koq malah curhat!!! Tp ya sutralah ga penting jg kali yee, intinya walopun sekilas gw aneh tp gw baik koq,hicks…</p><br /><br />
</div><br /><br />
</div><br /><br />
</div><br /><br />
<div class=”post-22 post hentry ” id=”post-22″><br /><br />
<h2>Asal Usul Situs</h2><br /><br />
<div class=”entry”><br /><br />
<div class=’snap_preview’><br /><br />
<p>Sebenarnya, gak kepikiran jg sih bikin situs sendiri. Kalo g dibilang awam, jangankan bkin situs, internetan aja baru mulai suka awal tahun ini (2009) tepatnya bln maret. Alamat email pertamakupun (looperz1@hotmail.com) aku buat awal awal bulan april. Saking bangganya punya email (klo orang sunda  bilang mah “agul”) dan kbetulan jg waktu itu dapet internet gratis, tiap hari internetan. Baru ngerti deh istilah download/ upload, Chatting, jeung sajabana teh. (chattingpun ngerti doang, nyoba mah g pernah, tp ada bgusnya jg g dkasih suka). Upst malah curhat lg! Oya, nerusin ttg situs ini. Masih  gara2 “sombong” punya email, akhirnya.., register sana sini skedar pngen tau dalemnya apa. Sampe akhirnya gara2 iseng jg, pada 29  Juni 2009, register deh di <a href=”http://xtgem.com/ref”>XTGEM</a> yg katanya “Best Free Wap Site Builder”, pas udah punya account trus lihat fitur dan fungsinya, Subhanallah!! Apaan nih GAK NGERTI??!!Akhirnya lihat2  katalog aja, tp wah, pas dicek.. Woww, keren2 euy situsnya!! Penasaran juga’kan, akhirnya… dengan rasa ingin tau yg guede dan semangat 45, diulik aja dikit2. Walhasil, ya seginilah adanya “gubuk reotku”.<br />Buat yg baca ini, ada pesan moralnya jg nih… Banyak jalan menuju Roma, asal bener2 aja, PLUS musti ada kecintaan atw rasa suka juga, pasti hasilnya (yaa..sesuai usahanya! Hicks..)</p><br /><br />
<p><b>Why is it Looperz, or what?!</b><br />Why do I name my self as “looperz”? Well, I’m not an expert. But I do really like making music. When I make it, mostly I loop the tones, ryhtms, and most of musical instrument repeatedly, LOOP IT! I like to loop, then I’m looperz…<br /><br /><br />
Tapi awas, bukan looper koran lho! Hicks…</p><br /><br />
<p><b>What does 11 suffix means?</b><br />Ouw… I took it from my birthday. Eleven is quite mean something to me, it represent date and month as well. Like my wife too, she’s got number 19 of her birthday. So we’re the beginning and end of teens, which means we’ll be the first and the end lovers, spouse in our entire life. Amin…</p><br /><br />
</div><br /><br />
</div><br /><br />
</div><br /><br />
<div class=”post-19 post hentry ” id=”post-19″><br /><br />
<h2>Tujuan dan Dedikasi</h2><br /><br />
<div class=”entry”><br /><br />
<div class=’snap_preview’><br /><br />
<p>Pada awalnya situs ini dibuat hanya karena “kebetulan iseng semata”, namun karena ketertarikanku dan seiring dgn bertambahnya pula ‘pengetahuanku’ sehingga akhirnya situs ini dapat berkembang seperti sekarang ini. Semuanya tidak lepas dari bnyaknya acuan dari para senior yg telah terlebih dahulu “menginspirasiku”. Maka karena itu pula, kini situs inipun memiliki maksud dan tujuan “ingin memberi inspirasi” kepada segala pihak, baik dalam bentuk tutorial, sharing, informasi/ hiburan dan lain2nya, sebagai tanda terima kasih dan syukurku, disamping sebagai ajang untuk pengembangan diri (ceilé… witwiw uit!!!).<br />Terima kasih untuk  XtGem, juga kang Povilas Musteikis beserta gengnya yg telah memberikan layanan terbaik Free WAPSITE BUILDER. Dengan fasilitas unlimited bandwith, unlimited space, juga fitur-fitur editingnya yg sederhana dan mudah dipahami, sehingga dapat terciptanya situs sederhanaku ini. Oya, kasian gak disebut makasih jg buat hapeku Nokia 6600, biar jadul dan budugul tp maknyus.</p><br /><br />
</div><br /><br />
</div><br /><br />
</div><br /><br />
</div><br /><br />
<p><!– AKHIR CONTENT–><br /><br /><br />
<!– MULAI SIDEBAR –></p><br /><br />
<div class=”navigation”><br /><br />
<div class=”alignleft”></div><br /><br />
<div class=”alignright”></div><br /><br />
</div><br /><br />
<div id=”sidebar”><br /><br />
<ul><br /><br />
<li><br /><br />
<div><br /><br />
<form id=”searchform” name=”searchform” method=”get” action=”https://www.google.com/xhtml”><input type=”text” name=”q” maxlength=”2048″ size=”18″ value=””/><input type=”hidden” name=”hl” value=””/><input type=”hidden” name=”ie” value=”ISO-8859-1″/><input type=”submit” name=”btnG” value=”search”/><input type=”hidden” name=”mrestrict” value=”xhtml”/></form><br /><br />
</div><br /><br />
</li><br /><br />
<li><br /><br />
<h2>catatan</h2><br /><br />
<p><b>tanda # dapat diganti dgn  url link yg dituju. tanda # dapat diganti dgn  url link yg dituju. </b> rubah isinya sesukamu, rubah isinya sesukamu, rubah isinya sesukamu, rubah isinya sesukamu! </p><br /><br />
</li><br /><br />
<li class=”pagenav”><br /><br />
<h2>Pages</h2><br /><br />
<ul><br /><br />
<li class=”page_item page-item-10″><a href=”/”>Home</a></li><br /><br />
<li class=”page_item page-item-10″><a href=”#” title=”About”>About</a></li><br /><br />
<li class=”page_item page-item-10″><a href=”/”>My Picture Album</a></li><br /><br />
</ul><br /><br />
</li><br /><br />
<li><br /><br />
<h2>Contact/ Email</h2><br /><br />
<ul><br /><br />
<li>az.elminwari@yahoo.co.id</li><br /><br />
<li>dlooperz@gmail.com</li><br /><br />
<li><a href=”wtai://wp/mc;+6281312317234″>Call Me</a></li><br /><br />
<li><a href=”#”>Submenu #1</a></li><br /><br />
<li><a href=”#”>Submenu #2</a></li><br /><br />
<li><a href=”#”>Submenu #3</a></li><br /><br />
</ul><br /><br />
</li><br /><br />
<li class=”categories”><br /><br />
<h2>My Site and Blog</h2><br /><br />
<ul><br /><br />
<li class=”cat-item cat-item-26276984″><a href=”/”>looperz11.xtgem.com</a></li><br /><br />
<li class=”cat-item cat-item-1087334″><a href=”https://www.finderonly.net”>Braincoder.tk</a></li><br /><br />
<li class=”cat-item cat-item-1″><a href=”http://gone.madpath.com”>Gone.madpath.com</a></li><br /><br />
<li class=”cat-item cat-item-26252318″><a href=”http://braincoderz.blogspot.com”>The Braincoderz</a></li><br /><br />
</ul><br /><br />
</li><br /><br />
<li id=”linkcat-1356″ class=”linkcat snap_preview”><br /><br />
<h2>Others</h2><br /><br />
<ul class=’snap_preview xoxo blogroll’><br /><br />
<li>Find me on <a href=”http://www.facebook.com/people/Dean-Adjie-Minwarie/1728743324″ title=”Dean Adjie Minwarie” target=”_TOP”>facebook</a></li><br /><br />
<li><a href=”http://nimbuzz.com”>looperz1@nimbuzz.com<br /><br /><br />
</a></li><br /><br />
</ul><br /><br />
</li><br /><br />
</li><br /><br />
</ul><br /><br />
</div><br /><br />
<p><!– AKHIR SIDEBAR –></p><br /><br />
<hr/><br /><br />
<div id=”footer”><br /><br />
<p><a href=”https://www.finderonly.net”>My Site</a><br /><br /><br />
<br />Design by Dean Adjie Minwarie Looperz©<br /><br /><br />
<script type=”text/javascript” language=”JavaScript”><br /><br /><br />
var today = new Date();<br /><br /><br />
document.write(today.getFullYear());<br /><br /><br />
</script></p><br /><br />
</div><br /><br />
</div><br /><br />
<p></body><br /><br /><br />
</html><br /><br /><br />

Untuk template CSS pilihan lainnya yg lebih menarik dapat pula dilihat preview-nya pada gambar-gambar di bawah ini. Kamu tinggal pilih dan copy script yg kamu suka. Berikut adalah script yg tersedia:

PREVIEW	COPY SCRIPT
	Offlimits \| Copy Script
	Soothing \| Copy Script
	Emblazoned \| Copy Script
	Balanced \| Copy Script
	Gestured \| Copy Script
	Crystal X \| Copy Script
	Everyday Series \| Copy Script
	Revolt 01 \| Copy Script

Di bawah ini adalah beberapa contoh situs Sahabat Wapmaster yang telah menggunakan layanan copy script ini, baik dengan copy script yg ada ataupun request.

Call Me – SMS Only

Sebelum menggunakan script ini, ada baiknya untuk diketahui pula beberapa hal berikut:

Di dalam script ini telah lengkap dengan link CSS dan imagenya sehingga tidak perlu lg memakai CSS lain.
Design TAMPILAN dlm script ini adalah tampilan “default”, tidak perlu diubah lg. Maka ingat, yg perlu dirubah hanyalah CONTENT/ ISI halamanmu saja, BUKAN tampilannya lg. Misalnya, kamu cukup hanya perlu menambahkan artikel atau merubah link2 saja.
Dianjurkan edit memakai Komputer untuk tampilan maksimal, juga karena khawatir keterbatasan karakter pada ponselmu.
Untuk XtGem, tidak dianjurkan mengedit pada CREATOR tp editlah pada TEXT EDITOR, caranya:
- pada menu utama klik “file browser”
- pada file html yg akan diedit klik tanda plus (+)
- klik “open with” pilih “text editor”
- hapus semua dan paste script di sono!
Cara mengedit/ membuat file ini adalah dengan mengcopy SELURUHNYA script ini dan MENGHAPUS SEMUA yg ada pd editor situsmu. Maka sebelum copy-paste, ada baikny SAVE dulu data yg terpakai pada file/ text TERPISAH.

Untuk keterangan lebìh rinci dapat dilihat pada halaman copy script. Adapun untuk belajar mengedit source, simak pula Cara Edit Source Code Pemasangan HTML Manual. Selamat mencoba, semoga PUAS, dan nantikan pula script2 dengan design template CSS pilihan lainnya.

Updated 2 Juli 2020

joko waluyo berkata:

20 Februari 2016 pukul 11:22

mohon dikirimi
coding HTML lengkap untuk website design yg sudah responsive
untuk semua jenis layar
terimakasih banyak

Balas
Purnomo Tri Sapto Wahyudi berkata:

20 November 2015 pukul 23:12

Dear, saya newbie..baru saja saya menyusun website saya tsb diatas..tetapi kenapa ya tampilan di Android lebih sempit dari pada tampilan di PC pada page html yang sama..mohon bantuan donk ya..terutama pada bagian content nya, tampilan di Android hanya hampir separoh dp tampilan di PC.

Terima kasih bantuannya.

Balas
- D-Artchitext berkata:
  
  21 November 2015 pukul 09:46
  
  itu masalahnya di desain gan, klo itu masih versi lama belum responsive. jadi tidak bisa bisa menyesuaikan tampilannya, jadi cari juga template yang udah responsive
hudha berkata:

18 Juni 2015 pukul 00:48

izin pake yua min.
.low aq pingin bgt pny wap sendiri.

Balas
- D-Artchitext berkata:
  
  18 Juni 2015 pukul 09:56
  
  Ya silahkan sob, pake aja
Deffs berkata:

20 Januari 2015 pukul 17:13

belum ngerti fungsinya kang 😀

Balas
Mohammad berkata:

24 April 2012 pukul 17:49

Masta izin comot css offlimits. Dan mohon bimbinganya blajar wap n websit.
Usernem+paswod sms ke 085735266999. Sy nubita, tarimaksh

Balas
- D-Artchitext berkata:
  
  27 April 2012 pukul 21:19
  
  Silahkan utuk pake CSS offlimits, itu bisa diambil bebas.

Tambahkan Komentar

Klik di sini untuk membatalkan balasan.

PREVIEW	COPY SCRIPT
	Offlimits \| Copy Script
	Soothing \| Copy Script
	Emblazoned \| Copy Script
	Balanced \| Copy Script
	Gestured \| Copy Script
	Crystal X \| Copy Script
	Everyday Series \| Copy Script
	Revolt 01 \| Copy Script

Copy Script Ubah Tampilan WAP Jadi WEB dlm 10 Menit

Artikel Terkait

17 Komentar

Tambahkan Komentar

Social Media

Artikel Terbaru

Artikel Populer

Komentar Terbaru

Copy Script Ubah Tampilan WAP Jadi WEB dlm 10 Menit

Artikel Terkait

Kode (script) HTML Dasar – Belajar Menulis dalam HTML

Membuat WAP site dengan Tampilan WEB site

Cara Mengedit Source Code & Memahami Bagian HTML

17 Komentar

Tambahkan Komentar

Social Media

Artikel Terbaru

Artikel Populer

Komentar Terbaru