Membuat Web Versi Mobile

D D
i i tutorial tutorial sebelumnya saya telah menjelaskan cara mendeteksi sebelumnya saya telah menjelaskan cara mendeteksi
browser browser client yang menggunakan perangkat client yang menggunakan perangkat mobile mobile. Silahkan . Silahkan
dibaca disini: dibaca disini: Cara mendeteksi mobile browser Cara mendeteksi mobile browser. Sekarang saya akan . Sekarang saya akan
jelaskan perbedaan jelaskan perbedaan HTML HTML untuk versi desktop dengan HTML untuk versi untuk versi desktop dengan HTML untuk versi
mobile. mobile.
Perbedaannya hanya pada meta tag: Perbedaannya hanya pada meta tag:
Jadi jika anda ingin membuat halaman HTML anda menjadi versi mobile Jadi jika anda ingin membuat halaman HTML anda menjadi versi mobile
anda cukup menambahkan meta tag di atas ke header HTML anda. anda cukup menambahkan meta tag di atas ke header HTML anda.
Misalnya: Misalnya:
Gampang kan?! Gampang kan?!
Nah agar tampilan web anda tidak kacau dalam artian tidak melebihi lebar Nah agar tampilan web anda tidak kacau dalam artian tidak melebihi lebar
layar HP/tablet maka semua element width dalam layar HP/tablet maka semua element width dalam css css dan html anda dan html anda
jangan menggunakan lebih dari 400px. Untuk leibih amannya gunakan jangan menggunakan lebih dari 400px. Untuk leibih amannya gunakan
width:100%; atau width:auto; width:100%; atau width:auto;
Semoga bermanfaat. Semoga bermanfaat.
Cara membuat webiste mobile dengan jquery mobile Cara membuat webiste mobile dengan jquery mobile
Cara Membuat Website WordPress Versi Mobile Cara Membuat Website WordPress Versi Mobile
Tutorial Jquery Mobile Bagian I Tutorial Jquery Mobile Bagian I
Cara mendeteksi mobile browser Cara mendeteksi mobile browser
Tools untuk membuat web versi mobile Tools untuk membuat web versi mobile
Authored by: Authored by:
Search this site... Search this site...
20 Template Gratis dan 20 Template Gratis dan
bagus-bagus untuk bagus-bagus untuk
blogger blogger
40 contoh tutorial 40 contoh tutorial
photoshop efek abstrak photoshop efek abstrak
dan cahaya (Lighting and dan cahaya (Lighting and
Abstract Effects) Abstract Effects)
50 Contoh website atau 50 Contoh website atau
situs terbaik 2013 situs terbaik 2013
Cara membuat web versi Cara membuat web versi
mobile mobile
60 contoh jquery 60 contoh jquery
slideshow slideshow
Cara mengatur ukuran Cara mengatur ukuran
gambar agar pas sesuai gambar agar pas sesuai
dengan ukuran yang kita dengan ukuran yang kita
inginkan inginkan
Cara membuat kotak Cara membuat kotak
komentar paling mudah komentar paling mudah
untuk website anda untuk website anda
Cara mencari email dari Cara mencari email dari
alamat email tertentu di alamat email tertentu di
gmail gmail
Cara gampang embed Cara gampang embed
video youtube dengan video youtube dengan
PHP PHP
Tips SEO untuk situs Tips SEO untuk situs
indocuttingsticker.com indocuttingsticker.com
Belajar Jquery Belajar Jquery
Cara gila Cara gila
menyederhanakan query menyederhanakan query
mysql mysql
Cara menyederhanakan Cara menyederhanakan
query mysql query mysql
menggunakan meekrodb menggunakan meekrodb
Posted Posted by by Vebri Dores Vebri Dores+ + on Jul 7, 2012 in on Jul 7, 2012 in CSS CSS, , Mobile Mobile, , PHP PHP, , Tingkat Lanjut Tingkat Lanjut, ,
Tingkat Menengah Tingkat Menengah, , Web Desain Web Desain | | 61 comments 61 comments
1 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"
1
2
3
4
5
6
7
8
9
10
11
12
<!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>
<head>
<meta name=viewport content=width=device-width; initial-scale=1.0; maximum
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>Web versi mobile</title>
<link href=style.css rel=stylesheet type=text/css />
</head>
<body>
Hallo ini web versi moblie
</body>
</html>
converted by Web2PDFConvert.com
Respond Respond
Respond Respond
Respond Respond
Nama Nama: Vebri Dores, S.Kom : Vebri Dores, S.Kom
Jabatan Jabatan: Programmer : Programmer Produkdalamnegeri.com Produkdalamnegeri.com
Website Website: : www.waroengweb.co.id www.waroengweb.co.id
Email Email: responsiblevebri/at/gmail/dot/com : responsiblevebri/at/gmail/dot/com
FB FB: : http://www.facebook.com/vebridrs http://www.facebook.com/vebridrs
Google+ Google+: : https://plus.google.com/110317889564068613562 https://plus.google.com/110317889564068613562
Call/SMS/WhatsApp/Line: Call/SMS/WhatsApp/Line: O813-6620-5760 O813-6620-5760
Pin BBM:751DBD53 Pin BBM:751DBD53
AUG 24, 2012 AUG 24, 2012
saya ingin bertanya.jika saya sudah mempunyai website namun ingin saya ingin bertanya.jika saya sudah mempunyai website namun ingin
diubah menjadi versi mobile menggunakan wap.apakah saya harus diubah menjadi versi mobile menggunakan wap.apakah saya harus
membuat dari awal atau mengubah dari web yg sudah ada?dan apa saja yg membuat dari awal atau mengubah dari web yg sudah ada?dan apa saja yg
diubah?terima kasih. diubah?terima kasih.
AUG 24, 2012 AUG 24, 2012
bukan mengubah tetapi menambahkan versi mobile. jadi bukan mengubah tetapi menambahkan versi mobile. jadi
kalau pengunjung mengakses web anda menggunakan laptop kalau pengunjung mengakses web anda menggunakan laptop
maka tampilkan web versi desktop, dan kalau pengunjuang maka tampilkan web versi desktop, dan kalau pengunjuang
mengakses melalui hp/mobile maka alihkan ke versi mobile. mengakses melalui hp/mobile maka alihkan ke versi mobile.
web versi mobile harus anda sediakan terlibihdahulu. anda web versi mobile harus anda sediakan terlibihdahulu. anda
bisa memisahkan alamat url untuk versi mobile dengan yang bisa memisahkan alamat url untuk versi mobile dengan yang
versi desktop seperti facebook.com dan m.facebook.com versi desktop seperti facebook.com dan m.facebook.com
namun anda juga bisa tidak memisahkan kedua versinya, namun anda juga bisa tidak memisahkan kedua versinya,
dengan cara ketika pengunjung mengakses menggunakan dengan cara ketika pengunjung mengakses menggunakan
perangkat mobile maka yang di css include adalah css yang perangkat mobile maka yang di css include adalah css yang
versi mobile dan kalau tidak maka css yang diinclude adalah versi mobile dan kalau tidak maka css yang diinclude adalah
css versi desktop. css versi desktop.
agar kita tahu pengunjung mengakses pakai perangkat agar kita tahu pengunjung mengakses pakai perangkat
mobile atau tidak anda bisa baca tutorial saya disini mobile atau tidak anda bisa baca tutorial saya disini
http://blog.waroengweb.co.id/php/cara-mendeteksi- http://blog.waroengweb.co.id/php/cara-mendeteksi-
mobile-browser.html mobile-browser.html
silahkan mencoba dulu kalau masih kurang jelas kami silahkan mencoba dulu kalau masih kurang jelas kami
bersedia membantu anda. bersedia membantu anda.
OCT 10, 2012 OCT 10, 2012
boleh tanya, klo buat web mobile itu buat aplikasinya ato cuma tampilan boleh tanya, klo buat web mobile itu buat aplikasinya ato cuma tampilan
web versi mobilenya saja?, trus kalo apa bedanya kalo membuat web web versi mobilenya saja?, trus kalo apa bedanya kalo membuat web
mobile menggunakan wml dgn html? mobile menggunakan wml dgn html?
terima kasih terima kasih
OCT 12, 2012 OCT 12, 2012
wml itu bahasa markup yang digunakan untuk wml itu bahasa markup yang digunakan untuk
Vebri Dores Vebri Dores on on Jual Jual
Sofware Untuk Bappeda Sofware Untuk Bappeda
dedi on dedi on Jual Sofware Jual Sofware
Untuk Bappeda Untuk Bappeda
Nasrullah Nasrullah on on 20 20
Template Gratis dan Template Gratis dan
bagus-bagus untuk bagus-bagus untuk
blogger blogger
Tips Kesehatan Tips Kesehatan on on Cara Cara
paling mudah dan paling paling mudah dan paling
cepat belajar PHP cepat belajar PHP
ijam ijam on on Tips SEO Cara Tips SEO Cara
Membuat Artikel Anda Membuat Artikel Anda
Muncul Di Halaman Muncul Di Halaman
Pertama Google Pertama Google
March 2014 March 2014
February 2014 February 2014
January 2014 January 2014
December 2013 December 2013
November 2013 November 2013
October 2013 October 2013
September 2013 September 2013
August 2013 August 2013
July 2013 July 2013
June 2013 June 2013
May 2013 May 2013
April 2013 April 2013
February 2013 February 2013
January 2013 January 2013
December 2012 December 2012
November 2012 November 2012
October 2012 October 2012
September 2012 September 2012
August 2012 August 2012
July 2012 July 2012
June 2012 June 2012
Produkdalamnegeri.com Produkdalamnegeri.com
WaroengWeb WaroengWeb
Bisnis Online Bisnis Online
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
mengimplementasikan WAP. sekarang kita sudah hampir mengimplementasikan WAP. sekarang kita sudah hampir
meninggalkan web versi wap. browser di hp sekarang sdh meninggalkan web versi wap. browser di hp sekarang sdh
mampu menampilkan html dan css bahkan javascript dan mampu menampilkan html dan css bahkan javascript dan
flash. flash.
sebenarnya web versi mobile itu bisa menggunakan aplikasi sebenarnya web versi mobile itu bisa menggunakan aplikasi
yang kita buat khusus untuk device moblie tertentu. contoh yang kita buat khusus untuk device moblie tertentu. contoh
gampangnya coba buka facebook via operamini maka yg gampangnya coba buka facebook via operamini maka yg
tampil adalah halaman html versi mobile. tapi kalau kita tampil adalah halaman html versi mobile. tapi kalau kita
buka via BB mengguanakan aplikasi facebook untuk bb buka via BB mengguanakan aplikasi facebook untuk bb
maka yang tampilannya pasti lain karena itu bukan sekedar maka yang tampilannya pasti lain karena itu bukan sekedar
web tapi aplikasi. web tapi aplikasi.
unutk bisa membuat aplikasi mobile kita harus tahu bahasa unutk bisa membuat aplikasi mobile kita harus tahu bahasa
pemograman yang digunakan di handphone tersebut. ada 3 pemograman yang digunakan di handphone tersebut. ada 3
aplikasi mobile yang sedang populer sekarang yaitu android, aplikasi mobile yang sedang populer sekarang yaitu android,
iphone, dan bb. iphone, dan bb.
NOV 13, 2012 NOV 13, 2012
test test
terimakasih sudah berkunjung terimakasih sudah berkunjung
NOV 15, 2012 NOV 15, 2012
Terimakasih telah berkunjung Terimakasih telah berkunjung
NOV 18, 2012 NOV 18, 2012
Bingungg gan, hehe sorry masih newbie, Bingungg gan, hehe sorry masih newbie,
NOV 19, 2012 NOV 19, 2012
gmana caranya untuk membuat gmana caranya untuk membuat aplikasi di dreamweafer untuk aplikasi di dreamweafer untuk
membedakan mobile dengan dekstop ? membedakan mobile dengan dekstop ?
apa itu membuat dua file apa itu membuat dua file yang satu buat indeks mobile dan yang satu buat yang satu buat indeks mobile dan yang satu buat
indeks dekstop? indeks dekstop?
NOV 19, 2012 NOV 19, 2012
struktur filnya mungkin bisa begini: struktur filnya mungkin bisa begini:
/ (folder utama) / (folder utama)
index.php index.php
utama.php utama.php
m (folder / subdomain) m (folder / subdomain)
index.php index.php
file home untuk versi desktop ada di file utama.php dan file home untuk file home untuk versi desktop ada di file utama.php dan file home untuk
mobile ada di index.php dalam folder m mobile ada di index.php dalam folder m
lalu fil index.php yang di folder utama pasang pendeteksi browser. jika lalu fil index.php yang di folder utama pasang pendeteksi browser. jika
yang akses pakai komputer biasa maka include file utama.php jika yg akses yang akses pakai komputer biasa maka include file utama.php jika yg akses
dari mobile maka include file m/index.php dari mobile maka include file m/index.php
untuk membuat pendeteksi silahkan baca artikel saya untuk membuat pendeteksi silahkan baca artikel saya
http://blog.waroengweb.co.id/php/cara-mendeteksi-mobile- http://blog.waroengweb.co.id/php/cara-mendeteksi-mobile-
browser.html browser.html
Blogspot Blogspot
Cara Membuat Donat Cara Membuat Donat
Cara Membuat Pempek Cara Membuat Pempek
Cara Membuat Tekwan Cara Membuat Tekwan
CSS CSS
Facebook Facebook
Islami Islami
Joomla Joomla
JQuery JQuery
Mobile Mobile
MySql MySql
Photoshop Photoshop
PHP PHP
SIPPD Bappeda SIPPD Bappeda
SOE SOE
Tingkat Lanjut Tingkat Lanjut
Tingkat Menengah Tingkat Menengah
TIngkat Pemula TIngkat Pemula
Tips internet Tips internet
Tips Menulis Tips Menulis
Ubuntu Ubuntu
Web Desain Web Desain
Wordpress Wordpress
4shared.com 4shared.com Admin Login Admin Login
animasi animasi aplikasi aplikasi blogspot blogspot
Browser Browser Cara Membuat Cara Membuat
Donat Donat Cara Membuat empek- Cara Membuat empek-
empek empek cara membuat cara membuat
pempek pempek Cara Membuat Cara Membuat
Pempek palembang Pempek palembang Cara Cara
Mendapatkan Uang Dari Mendapatkan Uang Dari
Facebook Facebook Chace browser Chace browser
CSS CSS domain domain Email Email
excel excel facebook facebook google google
Islami Islami Joomla Joomla Jquery Jquery
Jquery Plugin Jquery Plugin labrary labrary Linux Linux
Meekrodb Meekrodb Menulis Online Menulis Online
mobile mobile MySql MySql Optimise Optimise
Image Image Pagination Pagination PHP PHP
Random String Random String Resize Image Resize Image
seo seo Short url Short url sippd sippd
slideshow slideshow spambot spambot template template
Tingkat Pemula Tingkat Pemula Tombol Tombol
Twitter Twitter Ubuntu Ubuntu Unzip Unzip Zip Zip
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
DEC 4, 2012 DEC 4, 2012
Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai
seorang pemula, Sobat. Terimakahih. seorang pemula, Sobat. Terimakahih.
DEC 17, 2012 DEC 17, 2012
Thanks berat ilmunya yg sangat berguna Masih boleh banyak belajar Thanks berat ilmunya yg sangat berguna Masih boleh banyak belajar
khan mas ? maklum masih pemula nich. gimana membuat file index.php khan mas ? maklum masih pemula nich. gimana membuat file index.php
dan apa isi filenya ? trims. dan apa isi filenya ? trims.
JAN 2, 2013 JAN 2, 2013
pak, gimana caranya pak, gimana caranya
1. dr panduan yg bapak berikan, itu save filenya apa? 1. dr panduan yg bapak berikan, itu save filenya apa?
2. kebnykan website 2. kebnykan website http://www.domain.com http://www.domain.com, mengkonversi jd , mengkonversi jd
m.namadomain.com, itu bagaimana? m.namadomain.com, itu bagaimana?
3. bagaimana caranya tampilan web utama kita, sama spt versi mobilenya? 3. bagaimana caranya tampilan web utama kita, sama spt versi mobilenya?
ditunggu informasinya ditunggu informasinya
thank you thank you
JAN 2, 2013 JAN 2, 2013
1. save filnya index.php lihat komentar saya diatas sudah 1. save filnya index.php lihat komentar saya diatas sudah
saya jelaskan saya jelaskan
2. bukan mengkonversi tapi caranya buatlah subdomain di 2. bukan mengkonversi tapi caranya buatlah subdomain di
server hosting anda dengan nama m . maka otomatis di server hosting anda dengan nama m . maka otomatis di
server anda akan ada folder m. nah lalu duplikat script server anda akan ada folder m. nah lalu duplikat script
website utama anda ke dalam folder m kemudian ubah file website utama anda ke dalam folder m kemudian ubah file
index.php nya atau tambahkan meta tag seperti ini : index.php nya atau tambahkan meta tag seperti ini :
3. berarti ga perlu web versi desktop dong. jadinya web 3. berarti ga perlu web versi desktop dong. jadinya web
mobile aja ga usah bikin subdomain m. mobile aja ga usah bikin subdomain m.
JAN 6, 2013 JAN 6, 2013
q mau tanya gan q mau tanya gan
q punya wapsite di wen.ru dan pertanyaanya gimana kalo tampilan wap di q punya wapsite di wen.ru dan pertanyaanya gimana kalo tampilan wap di
desktop brbeda dngn tampilan di mobile, lebih gampangnya ada dua desktop brbeda dngn tampilan di mobile, lebih gampangnya ada dua
tampilan. tampilan.
makasih makasih
JAN 7, 2013 JAN 7, 2013
wen.ru itu situs apa kok ga bisa dibuka. caranya mungkin wen.ru itu situs apa kok ga bisa dibuka. caranya mungkin
seprti tulisan saya yg ini seprti tulisan saya yg ini
JAN 10, 2013 JAN 10, 2013
saya udah coba, udah buat subdomainna. tetapi masih gak bisa. saya udah coba, udah buat subdomainna. tetapi masih gak bisa.
1 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
yg saya lakukan, yg saya lakukan,
mengganti script index.php dengan script diatas, kemudian script lama mengganti script index.php dengan script diatas, kemudian script lama
index.php saya ruba ke utama.php. index.php saya ruba ke utama.php.
saya udah ikutin caranya, tapi gak bisa? apakah ada yg ketinggalan step- saya udah ikutin caranya, tapi gak bisa? apakah ada yg ketinggalan step-
step diatas. mohon informasi dan bantuannya yah step diatas. mohon informasi dan bantuannya yah
JAN 15, 2013 JAN 15, 2013
testingnya pakai hp bro. sebenarnya bedanya cuman sedikit. testingnya pakai hp bro. sebenarnya bedanya cuman sedikit.
lihat meta tag nya ini lihat meta tag nya ini
initial-scale=1.0; maximum-scale=1.0; initial-scale=1.0; maximum-scale=1.0;
itu artinya layar di hp kita tidak bisa dizoom karena skala itu artinya layar di hp kita tidak bisa dizoom karena skala
maksimumnya 1.0. jadi resulusi gambar dan ukuran maksimumnya 1.0. jadi resulusi gambar dan ukuran
hurufnya otomatis disesuaikan dengan resolusi layar hp hurufnya otomatis disesuaikan dengan resolusi layar hp
JAN 13, 2013 JAN 13, 2013
keren bangat sharingnya mas bro bagaimana dengan 2 pilihan tampilan, keren bangat sharingnya mas bro bagaimana dengan 2 pilihan tampilan,
bila menggunakan pc akan langsung pake web bila menggunakan ponsel bila menggunakan pc akan langsung pake web bila menggunakan ponsel
akan langsung menggunakan mobile version trims bro sharingnya akan langsung menggunakan mobile version trims bro sharingnya
JAN 15, 2013 JAN 15, 2013
trims sudah berkunjung. kalau itu sudah dibahas di trims sudah berkunjung. kalau itu sudah dibahas di
JAN 15, 2013 JAN 15, 2013
mantap gan tipsnya.akan saya coba untuk copas ya.apakah ini berlaku mantap gan tipsnya.akan saya coba untuk copas ya.apakah ini berlaku
untuk semua website baik itu joomla maupun worpdress ya untuk semua website baik itu joomla maupun worpdress ya
JAN 15, 2013 JAN 15, 2013
kalau untuk cms ada modul/plugin tersendiri untuk buat kalau untuk cms ada modul/plugin tersendiri untuk buat
web mobile. sudah otomatis jadi. saya pernah baca2 tapi web mobile. sudah otomatis jadi. saya pernah baca2 tapi
belum pernah coba belum pernah coba
JAN 19, 2013 JAN 19, 2013
apa mobile dapat membuka php? apa mobile dapat membuka php?
JAN 29, 2013 JAN 29, 2013
bisa bisa
JAN 31, 2013 JAN 31, 2013
bagaimana caranya mengetes php? bagaimana caranya mengetes php?
kalo di komputerkan lewat localhost tuh kalo di komputerkan lewat localhost tuh
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
kalo di mobile? kalo di mobile?
JAN 31, 2013 JAN 31, 2013
bisa pakai opera mini emulator bisa pakai opera mini emulator
download disini: download disini:
http://get.opera.com/pub/.custom/campaign/labs/20100421/OperaMobileWindows_49.exe http://get.opera.com/pub/.custom/campaign/labs/20100421/OperaMobileWindows_49.exe
atau tampilan di localhost itu di atau tampilan di localhost itu di
save as html lalu masukkan ke save as html lalu masukkan ke
hp anda hp anda
FEB 7, 2013 FEB 7, 2013
Hai.mantap penjelasannya gan!Tapi gan tahu gak cara nge generate scr Hai.mantap penjelasannya gan!Tapi gan tahu gak cara nge generate scr
otomatis data yang diinput ke dalam web? otomatis data yang diinput ke dalam web?
FEB 9, 2013 FEB 9, 2013
Maksudnya gimana gan? kurang paham ane Maksudnya gimana gan? kurang paham ane
FEB 21, 2013 FEB 21, 2013
Pak,,,saya lagi membuat web mobile menggunakan dreamweaver cs5.5 Pak,,,saya lagi membuat web mobile menggunakan dreamweaver cs5.5
tapi untuk build ke mobile aplication nya tidak tersedia di tool tapi untuk build ke mobile aplication nya tidak tersedia di tool
dreamweaver.bapak punya tutorial web mobile gak?Trima kasih dreamweaver.bapak punya tutorial web mobile gak?Trima kasih
sebelumnya. sebelumnya.
FEB 24, 2013 FEB 24, 2013
NICE tutorial gan NICE tutorial gan
sangat membantu bangett sangat membantu bangett
makasi ya makasi ya
FEB 26, 2013 FEB 26, 2013
mas mw tanya gmn caranya agar web versi mobile bisa support html5..?? mas mw tanya gmn caranya agar web versi mobile bisa support html5..??
bls ke email saya ya.. terima ksih infonya.. bls ke email saya ya.. terima ksih infonya..
MAR 8, 2013 MAR 8, 2013
support. javascript juga support. tidak perlu seting-seting support. javascript juga support. tidak perlu seting-seting
tinggal tulis aja html5 nya tinggal tulis aja html5 nya
FEB 28, 2013 FEB 28, 2013
maaf, msh bingung bgt, neh. Ini berarti kita beli 2 domain ya? maksud sy maaf, msh bingung bgt, neh. Ini berarti kita beli 2 domain ya? maksud sy
domain utk web biasa dan domain untuk hp gitu ya? domain utk web biasa dan domain untuk hp gitu ya?
salam kenal salam kenal
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
MAR 8, 2013 MAR 8, 2013
bukan. dalam contoh diatas hanya 1 domain bukan. dalam contoh diatas hanya 1 domain
MAR 5, 2013 MAR 5, 2013
apakah ada cara menghindari hack untuk web versi mobile gan,dulu saya apakah ada cara menghindari hack untuk web versi mobile gan,dulu saya
punya klien.webnya yang versi mobile yang dihack sementara versi yang punya klien.webnya yang versi mobile yang dihack sementara versi yang
lain bisa diakses lain bisa diakses
MAR 8, 2013 MAR 8, 2013
kalau hack bukan pada versi mobile atau tidak tapi di sisi kalau hack bukan pada versi mobile atau tidak tapi di sisi
keamanan server anda keamanan server anda
MAR 7, 2013 MAR 7, 2013
hmm jadi bisa menyesuaikan layar dari Hp nya ya. hmm jadi bisa menyesuaikan layar dari Hp nya ya.
GPS Tracker GPS Tracker
MAR 9, 2013 MAR 9, 2013
keren sob nambah 1 ilmu baru lagi nih, tak coba dulu nanti klau ada yg keren sob nambah 1 ilmu baru lagi nih, tak coba dulu nanti klau ada yg
kurang jelas tanya lagi, thankss kurang jelas tanya lagi, thankss
MAR 16, 2013 MAR 16, 2013
askum sob. . Mau tanya ni. . Gimana cara memasang theme kreator sendiri askum sob. . Mau tanya ni. . Gimana cara memasang theme kreator sendiri
di hp yg sudah kita rubah tampilan. Dan digunakan di mywapblog. di hp yg sudah kita rubah tampilan. Dan digunakan di mywapblog.
Contohnya spiderme.thm atau harypother.nth itukan theme hp. Tp Contohnya spiderme.thm atau harypother.nth itukan theme hp. Tp
digunakan di mywapblog bs gk sob. Trims.. digunakan di mywapblog bs gk sob. Trims..
MAR 23, 2013 MAR 23, 2013
ga bisa sob. itu ibarat kita mau pasang pintu kamar di ga bisa sob. itu ibarat kita mau pasang pintu kamar di
gerbang masjid. beda banget. gerbang masjid. beda banget.
MAR 31, 2013 MAR 31, 2013
mau nanya nih kk masih newbie, saya punya website html/css, ditutorial mau nanya nih kk masih newbie, saya punya website html/css, ditutorial
ditunjukan bahwa kita hanya menambahkan meta saja, itu artinya ditunjukan bahwa kita hanya menambahkan meta saja, itu artinya
membuat html ulang untuk versi mobile nya dong kak? membuat html ulang untuk versi mobile nya dong kak?
satu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisa satu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisa
website html saya dirubah menjadi phpV website html saya dirubah menjadi phpV
MAR 31, 2013 MAR 31, 2013
mau nanya nih kk masih newbie, saya punya website html/css, ditutorial mau nanya nih kk masih newbie, saya punya website html/css, ditutorial
ditunjukan bahwa kita hanya menambahkan meta saja, itu artinya ditunjukan bahwa kita hanya menambahkan meta saja, itu artinya
membuat html ulang untuk versi mobile nya dong kak? membuat html ulang untuk versi mobile nya dong kak?
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
satu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisa satu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisa
website html saya dirubah menjadi php? bagaimana cranya kak ? website html saya dirubah menjadi php? bagaimana cranya kak ?
maaf bnyk tanya, masih baru banget didunia website maaf bnyk tanya, masih baru banget didunia website
terimakasih sebelumnya kak :)) terimakasih sebelumnya kak :))
APR 11, 2013 APR 11, 2013
wow ilmu yang patut dicoba, thanks kang.. wow ilmu yang patut dicoba, thanks kang..
MAY 14, 2013 MAY 14, 2013
permisi numpang tanya, kalau mau test web jquery mobile nya lgsg ke hp permisi numpang tanya, kalau mau test web jquery mobile nya lgsg ke hp
android pakai connectify me apakah bisa ? soalnya sy cb hp sy tdk bs android pakai connectify me apakah bisa ? soalnya sy cb hp sy tdk bs
masuk server tp ketika sy coba pakai emulator opera mini emulator bisaa , masuk server tp ketika sy coba pakai emulator opera mini emulator bisaa ,
makasih sbelumnyaa.. makasih sbelumnyaa..
MAY 14, 2013 MAY 14, 2013
tinggal di akses aja servernya dari hp. kalau servernya pakai tinggal di akses aja servernya dari hp. kalau servernya pakai
localhost tinggal akses ip komputernya dari hp. jadi bukan localhost tinggal akses ip komputernya dari hp. jadi bukan
file jquerynya yang dimasukkan kedalam hp. file jquerynya yang dimasukkan kedalam hp.
MAY 14, 2013 MAY 14, 2013
terimakasih sebelemnya ,maksd sy sy sudah terimakasih sebelemnya ,maksd sy sy sudah
mencoba akses dr hp mengetik alamat mencoba akses dr hp mengetik alamat
ip/folder/namafile.php tp selalu koneksi ip/folder/namafile.php tp selalu koneksi
serve timeout apakah hal ini bisa disebabkan serve timeout apakah hal ini bisa disebabkan
karena jquery mobile nya tdk support ? karena jquery mobile nya tdk support ?
MAY 21, 2013 MAY 21, 2013
coba aja anda akses file anda coba aja anda akses file anda
yang selain jquery mobile yang selain jquery mobile
apakah timeout juga. kalau iya apakah timeout juga. kalau iya
berarti koneksi ke server anda berarti koneksi ke server anda
yang bermasalah. jika anda yang bermasalah. jika anda
menggunakan server localhost menggunakan server localhost
di windows anda harus di windows anda harus
membuat setingan firewall membuat setingan firewall
anda off anda off
JUN 6, 2013 JUN 6, 2013
mas mau nanya, saya punya situs yang di flas itu bagaimana ya untuk mas mau nanya, saya punya situs yang di flas itu bagaimana ya untuk
convert ke versi mobile, apa html pakai yang di atas yadi ya? convert ke versi mobile, apa html pakai yang di atas yadi ya?
makasih.terus apa kode di atas tadi langsung say ataroh di situs langsung makasih.terus apa kode di atas tadi langsung say ataroh di situs langsung
work ya,, saya belom mmencoba, karena saya tes di blogspot tidak work ya,, saya belom mmencoba, karena saya tes di blogspot tidak
bekerja, terim kasih bekerja, terim kasih
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
JUN 14, 2013 JUN 14, 2013
tidak bisa kalau pakai flash tidak bisa kalau pakai flash
JUN 6, 2013 JUN 6, 2013
mau nanya mas, saya kan punya situs ya, nah situs saya di flash, terus yang mau nanya mas, saya kan punya situs ya, nah situs saya di flash, terus yang
saya tanyakan kan situs flash kan pake XML, apa bisa ya pake kode di atas, saya tanyakan kan situs flash kan pake XML, apa bisa ya pake kode di atas,
terus misal untuk ngetes apa harus pake hp? misalnya di blogspot kan ada terus misal untuk ngetes apa harus pake hp? misalnya di blogspot kan ada
preview untuk mobile apa bisa ya pake itu? preview untuk mobile apa bisa ya pake itu?
terus satu lagi mas kalo situs yang yang belom ada set untuk versi mobile terus satu lagi mas kalo situs yang yang belom ada set untuk versi mobile
sperti blogspot apa harus menambah kode lain selain kode di atas? apa sperti blogspot apa harus menambah kode lain selain kode di atas? apa
hanya menggunakan kode di atas sudah bia? hanya menggunakan kode di atas sudah bia?
terima kasih mas, saya lagi pengen nie mas situs versi mobil. terima kasih mas, saya lagi pengen nie mas situs versi mobil.
JUN 14, 2013 JUN 14, 2013
kode diatas bukan untk blogspot, wordpress dll. melainkan kode diatas bukan untk blogspot, wordpress dll. melainkan
untuk html murni binan sendiri. cobanya harus buka pakai untuk html murni binan sendiri. cobanya harus buka pakai
hp. hp.
SEP 2, 2013 SEP 2, 2013
wah, tutorial nya bagus skali wah, tutorial nya bagus skali
saya ada pertanyaan, apa bila tidak keberatan, saya ada pertanyaan, apa bila tidak keberatan,
saya menggunakan dreamweaver untuk mencoba membuat saya menggunakan dreamweaver untuk mencoba membuat
mobile web, menggunakan jquery mobile web, menggunakan jquery
itu secara otomatis berbentuk mobile size, itu secara otomatis berbentuk mobile size,
tetapi, yang saya bingungkan, bagaimana cara input gambar untuk header tetapi, yang saya bingungkan, bagaimana cara input gambar untuk header
dan footer dan footer
serta cara menata layoutnya serta cara menata layoutnya
mungkin bisa membantu, mungkin bisa membantu,
dan terima kasih banyak mas dan terima kasih banyak mas
SEP 4, 2013 SEP 4, 2013
biasa aja sama dengan versi desktop namun disarankan biasa aja sama dengan versi desktop namun disarankan
untuk width nya pakai % aja misal 100% atau 50%. kalau untuk width nya pakai % aja misal 100% atau 50%. kalau
pakai px nanti tidak bisa menyesuaikan dengan ukuran layar pakai px nanti tidak bisa menyesuaikan dengan ukuran layar
handphone atau tablet yang berbeda2 handphone atau tablet yang berbeda2
SEP 7, 2013 SEP 7, 2013
Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai
seorang pemula, Sobat. Terimakahih. seorang pemula, Sobat. Terimakahih.
SEP 30, 2013 SEP 30, 2013
Boss, klo website mobile apakah masih bisa menggunakan SQL sebagai Boss, klo website mobile apakah masih bisa menggunakan SQL sebagai
databasenya. Contoh Souch COdenya dimana yah ane bisa dapetin.. databasenya. Contoh Souch COdenya dimana yah ane bisa dapetin..
makasih sebelumnya,, makasih sebelumnya,,
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
Respond Respond
OCT 7, 2013 OCT 7, 2013
bisa. anda tidak perlu mengubah apapun selain meta tag bisa. anda tidak perlu mengubah apapun selain meta tag
pada header hatml seperti yg dijelaskan diatas. pada header hatml seperti yg dijelaskan diatas.
OCT 25, 2013 OCT 25, 2013
Wihh ilmu baru di dapatkan lagi, nanti mau di coba mas thanks ilmu nya Wihh ilmu baru di dapatkan lagi, nanti mau di coba mas thanks ilmu nya
NOV 3, 2013 NOV 3, 2013
Gak mudeng Gan Gak mudeng Gan
Dah di test gak bisamaklum masih pemula nih Dah di test gak bisamaklum masih pemula nih
NOV 16, 2013 NOV 16, 2013
wah ini yg saya cari-cari. terimakasih sekali pak ilmunya wah ini yg saya cari-cari. terimakasih sekali pak ilmunya
DEC 29, 2013 DEC 29, 2013
wehh :0 gituh ya kak ?? makasih banyak ilmunya ya xixixixixixix wehh :0 gituh ya kak ?? makasih banyak ilmunya ya xixixixixixix
JAN 22, 2014 JAN 22, 2014
Mantaffff. Mantaffff.
masih ada pertanyaan nih gan.. masih ada pertanyaan nih gan..
ketika kita buat sub domain m" ketika kita buat sub domain m"
apakah seluruh isi file utama seperti index.. contact us. css. jaquery, dll apakah seluruh isi file utama seperti index.. contact us. css. jaquery, dll
nya do copy semua ke folder m" dan di ubah beberpa point css nya agar nya do copy semua ke folder m" dan di ubah beberpa point css nya agar
user frendly..? user frendly..?
soalnya kalo cuma index nya saja yang di copy ke folder m.. ketika kita soalnya kalo cuma index nya saja yang di copy ke folder m.. ketika kita
mengakses hlaman lain maka akan kembali ke versi dekstop.. mengakses hlaman lain maka akan kembali ke versi dekstop..
JAN 26, 2014 JAN 26, 2014
ya nggak harus dipindahkan. kan bisa di include file lainnya ya nggak harus dipindahkan. kan bisa di include file lainnya
dari folder m misal include ../contact.php; jadi yang dibikin dari folder m misal include ../contact.php; jadi yang dibikin
baru hanya css dan jquerynya saja baru hanya css dan jquerynya saja
Cara membuat webiste mobile dengan jquery mobile | WaroengWeb Blog Cara membuat webiste mobile dengan jquery mobile | WaroengWeb Blog - -
[...] tutorial sebelumnya saya sudah jelaskan tentang Cara membuat [...] tutorial sebelumnya saya sudah jelaskan tentang Cara membuat
website versi mobile dengan menggunakan html standar. Sekarang saya website versi mobile dengan menggunakan html standar. Sekarang saya
akan coba jelaskan akan coba jelaskan
Your email address will not be published. Required fields are marked Your email address will not be published. Required fields are marked * *
Switch to our mobile site Switch to our mobile site
Submit Comment
Name Name * *
Email Email * *
Website Website
Comment Comment
You may use these You may use these HTML HTML tags and attributes: tags and attributes: <a href="" title=""> <a href="" title="">
<abbr title=""> <acronym title=""> <blockquote <abbr title=""> <acronym title=""> <blockquote
cite=""> <cite> <code class="" title="" data-url=""> <del cite=""> <cite> <code class="" title="" data-url=""> <del
datetime=""> <q cite=""> <strike> <pre datetime=""> <q cite=""> <strike> <pre
class="" title="" data-url=""> data-url="">
Confirm you are NOT a spammer Confirm you are NOT a spammer
Blog Waroengweb Blog Waroengweb

Membuat Web Versi Mobile

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Membuat Web Versi Mobile

Uploaded by

Copyright:

Available Formats

D D

You might also like