Membuat Web Versi Mobile
11
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; maxim 1 2 3 4 5 6 7 8 9 10 11 12 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://w <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta name =”viewport” content =”width=device -width; initial -scale =1.0; maxim <meta http-equiv=”Content -Type” content =”text / html ; charset =utf-8″ /> <t it le >Web versi mobile </ t it le > <link href=”style . css” rel =”stylesheet” type =”text / css” /> </ head> <body> <p>Hallo ini web versi moblie </ p> </ body> </ html > converted by Web2PDFConvert.com
-
Upload
haarp-mattaraharja -
Category
Documents
-
view
281 -
download
0
Transcript of Membuat Web Versi Mobile
DD i i tutorialtutorial sebelumnya saya telah menjelaskan cara mendeteksi sebelumnya saya telah menjelaskan cara mendeteksi
browserbrowser client yang menggunakan perangkat client yang menggunakan perangkat mobilemobile. Silahkan. Silahkan
dibaca disini: dibaca disini: Cara mendeteksi mobile browserCara mendeteksi mobile browser. Sekarang saya akan. Sekarang saya akan
jelaskan perbedaan jelaskan perbedaan HTMLHTML 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 mobileJadi 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 lebarNah 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 csscss dan html anda dan html anda
jangan menggunakan lebih dari 400px. Untuk leibih amannya gunakanjangan 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 mobileCara membuat webiste mobile dengan jquery mobileCara Membuat Website WordPress Versi MobileCara Membuat Website WordPress Versi MobileTutorial Jquery Mobile Bagian ITutorial Jquery Mobile Bagian ICara mendeteksi mobile browserCara mendeteksi mobile browserTools untuk membuat web versi mobileTools untuk membuat web versi mobile
Authored by:Authored by:
Search this site...Search this site...
20 Template Gratis dan20 Template Gratis danbagus-bagus untukbagus-bagus untukbloggerblogger
40 contoh tutorial40 contoh tutorialphotoshop efek abstrakphotoshop efek abstrakdan cahaya (Lighting anddan cahaya (Lighting andAbstract Effects)Abstract Effects)
50 Contoh website atau50 Contoh website atausitus terbaik 2013situs terbaik 2013
Cara membuat web versiCara membuat web versimobilemobile
60 contoh jquery60 contoh jqueryslideshowslideshow
Cara mengatur ukuranCara mengatur ukurangambar agar pas sesuaigambar agar pas sesuaidengan ukuran yang kitadengan ukuran yang kitainginkaninginkan
Cara membuat kotakCara membuat kotakkomentar paling mudahkomentar paling mudahuntuk website andauntuk website anda
Cara mencari email dariCara mencari email darialamat email tertentu dialamat email tertentu digmailgmail
Cara gampang embedCara gampang embedvideo youtube denganvideo youtube denganPHPPHP
Tips SEO untuk situsTips SEO untuk situsindocuttingsticker.comindocuttingsticker.com
Belajar JqueryBelajar Jquery
Cara gilaCara gilamenyederhanakan querymenyederhanakan querymysqlmysql
Cara menyederhanakanCara menyederhanakanquery mysqlquery mysqlmenggunakan meekrodbmenggunakan meekrodb
Posted Posted by by Vebri DoresVebri Dores++ on Jul 7, 2012 in on Jul 7, 2012 in CSSCSS, , MobileMobile, , PHPPHP, , Tingkat LanjutTingkat Lanjut,,Tingkat MenengahTingkat Menengah, , Web DesainWeb Desain | | 61 comments61 comments
1 <meta name="viewport" content="w idth=device-w idth; init ial-scale=1.0; maximum-scale=1.0;"
123456789101112
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit ional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta name=”viewport” content=”w idth=device-w idth; init ial-scale=1.0; maximum<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><tit le>Web versi mobile</t it le><link href=”style.css” rel=”stylesheet” type=”text/css” /></head><body><p>Hallo ini web versi moblie</p></body></html>
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
NamaNama: Vebri Dores, S.Kom: Vebri Dores, S.KomJabatanJabatan: Programmer : Programmer Produkdalamnegeri.comProdukdalamnegeri.comWebsiteWebsite: : www.waroengweb.co.idwww.waroengweb.co.idEmailEmail: responsiblevebri/at/gmail/dot/com: responsiblevebri/at/gmail/dot/comFBFB: : http://www.facebook.com/vebridrshttp://www.facebook.com/vebridrsGoogle+Google+: : https://plus.google.com/110317889564068613562https://plus.google.com/110317889564068613562Call/SMS/WhatsApp/Line: Call/SMS/WhatsApp/Line: O813-6620-5760O813-6620-5760Pin BBM:751DBD53Pin BBM:751DBD53
AUG 24, 2012AUG 24, 2012
saya ingin bertanya.jika saya sudah mempunyai website namun inginsaya ingin bertanya.jika saya sudah mempunyai website namun ingin
diubah menjadi versi mobile menggunakan wap.apakah saya harusdiubah menjadi versi mobile menggunakan wap.apakah saya harus
membuat dari awal atau mengubah dari web yg sudah ada?dan apa saja ygmembuat dari awal atau mengubah dari web yg sudah ada?dan apa saja yg
diubah?terima kasih.diubah?terima kasih.
AUG 24, 2012AUG 24, 2012
bukan mengubah tetapi menambahkan versi mobile. jadibukan mengubah tetapi menambahkan versi mobile. jadi
kalau pengunjung mengakses web anda menggunakan laptopkalau pengunjung mengakses web anda menggunakan laptop
maka tampilkan web versi desktop, dan kalau pengunjuangmaka 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. andaweb versi mobile harus anda sediakan terlibihdahulu. anda
bisa memisahkan alamat url untuk versi mobile dengan yangbisa memisahkan alamat url untuk versi mobile dengan yang
versi desktop seperti facebook.com dan m.facebook.comversi 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 menggunakandengan cara ketika pengunjung mengakses menggunakan
perangkat mobile maka yang di css include adalah css yangperangkat mobile maka yang di css include adalah css yang
versi mobile dan kalau tidak maka css yang diinclude adalahversi mobile dan kalau tidak maka css yang diinclude adalah
css versi desktop.css versi desktop.
agar kita tahu pengunjung mengakses pakai perangkatagar kita tahu pengunjung mengakses pakai perangkat
mobile atau tidak anda bisa baca tutorial saya disinimobile 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.htmlmobile-browser.html
silahkan mencoba dulu kalau masih kurang jelas kamisilahkan mencoba dulu kalau masih kurang jelas kami
bersedia membantu anda. bersedia membantu anda.
OCT 10, 2012OCT 10, 2012
boleh tanya, klo buat web mobile itu buat aplikasinya ato cuma tampilanboleh tanya, klo buat web mobile itu buat aplikasinya ato cuma tampilan
web versi mobilenya saja?, trus kalo apa bedanya kalo membuat webweb 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, 2012OCT 12, 2012
wml itu bahasa markup yang digunakan untukwml itu bahasa markup yang digunakan untuk
Vebri DoresVebri Dores on on JualJualSofware Untuk BappedaSofware Untuk Bappeda
dedi on dedi on Jual SofwareJual SofwareUntuk BappedaUntuk Bappeda
NasrullahNasrullah on on 2020Template Gratis danTemplate Gratis danbagus-bagus untukbagus-bagus untukbloggerblogger
Tips KesehatanTips Kesehatan on on CaraCarapaling mudah dan palingpaling mudah dan palingcepat belajar PHPcepat belajar PHP
ijamijam on on Tips SEO CaraTips SEO CaraMembuat Artikel AndaMembuat Artikel AndaMuncul Di HalamanMuncul Di HalamanPertama GooglePertama Google
March 2014March 2014
February 2014February 2014
January 2014January 2014
December 2013December 2013
November 2013November 2013
October 2013October 2013
September 2013September 2013
August 2013August 2013
July 2013July 2013
June 2013June 2013
May 2013May 2013
April 2013April 2013
March 2013March 2013
February 2013February 2013
January 2013January 2013
December 2012December 2012
November 2012November 2012
October 2012October 2012
September 2012September 2012
August 2012August 2012
July 2012July 2012
June 2012June 2012
March 2012March 2012
Produkdalamnegeri.comProdukdalamnegeri.com
WaroengWebWaroengWeb
Bisnis OnlineBisnis Online
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
mengimplementasikan WAP. sekarang kita sudah hampirmengimplementasikan WAP. sekarang kita sudah hampir
meninggalkan web versi wap. browser di hp sekarang sdhmeninggalkan web versi wap. browser di hp sekarang sdh
mampu menampilkan html dan css bahkan javascript danmampu menampilkan html dan css bahkan javascript dan
flash.flash.
sebenarnya web versi mobile itu bisa menggunakan aplikasisebenarnya web versi mobile itu bisa menggunakan aplikasi
yang kita buat khusus untuk device moblie tertentu. contohyang kita buat khusus untuk device moblie tertentu. contoh
gampangnya coba buka facebook via operamini maka yggampangnya coba buka facebook via operamini maka yg
tampil adalah halaman html versi mobile. tapi kalau kitatampil adalah halaman html versi mobile. tapi kalau kita
buka via BB mengguanakan aplikasi facebook untuk bbbuka via BB mengguanakan aplikasi facebook untuk bb
maka yang tampilannya pasti lain karena itu bukan sekedarmaka yang tampilannya pasti lain karena itu bukan sekedar
web tapi aplikasi.web tapi aplikasi.
unutk bisa membuat aplikasi mobile kita harus tahu bahasaunutk bisa membuat aplikasi mobile kita harus tahu bahasa
pemograman yang digunakan di handphone tersebut. ada 3pemograman 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, 2012NOV 13, 2012
test…test…
terimakasih sudah berkunjungterimakasih sudah berkunjung
NOV 15, 2012NOV 15, 2012
Terimakasih telah berkunjung Terimakasih telah berkunjung
NOV 18, 2012NOV 18, 2012
Bingungg gan, hehe sorry masih newbie,Bingungg gan, hehe sorry masih newbie,
NOV 19, 2012NOV 19, 2012
gmana caranya untuk membuat gmana caranya untuk membuat aplikasi di dreamweafer untukaplikasi 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 buatyang satu buat indeks mobile dan yang satu buat
indeks dekstop?indeks dekstop?
NOV 19, 2012NOV 19, 2012
struktur filnya mungkin bisa begini:struktur filnya mungkin bisa begini:
/ (folder utama)/ (folder utama)
index.phpindex.php
utama.phputama.php
m (folder / subdomain)m (folder / subdomain)
– index.php– index.php
file home untuk versi desktop ada di file utama.php dan file home untukfile home untuk versi desktop ada di file utama.php dan file home untuk
mobile ada di index.php dalam folder mmobile ada di index.php dalam folder m
lalu fil index.php yang di folder utama pasang pendeteksi browser. jikalalu fil index.php yang di folder utama pasang pendeteksi browser. jika
yang akses pakai komputer biasa maka include file utama.php jika yg aksesyang akses pakai komputer biasa maka include file utama.php jika yg akses
dari mobile maka include file m/index.phpdari mobile maka include file m/index.php
untuk membuat pendeteksi silahkan baca artikel sayauntuk 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.htmlbrowser.html
BlogspotBlogspot
Cara Membuat DonatCara Membuat Donat
Cara Membuat PempekCara Membuat Pempek
Cara Membuat TekwanCara Membuat Tekwan
CSSCSS
FacebookFacebook
IslamiIslami
JoomlaJoomla
JQueryJQuery
MobileMobile
MySqlMySql
PhotoshopPhotoshop
PHPPHP
SIPPD BappedaSIPPD Bappeda
SOESOE
Tingkat LanjutTingkat Lanjut
Tingkat MenengahTingkat Menengah
TIngkat PemulaTIngkat Pemula
Tips internetTips internet
Tips MenulisTips Menulis
UbuntuUbuntu
Web DesainWeb Desain
WordpressWordpress
4shared.com4shared.com Admin LoginAdmin Login
animasianimasi aplikasiaplikasi blogspotblogspotBrowserBrowser Cara MembuatCara Membuat
DonatDonat Cara Membuat empek-Cara Membuat empek-
empekempek cara membuatcara membuatpempekpempek Cara MembuatCara Membuat
Pempek palembangPempek palembang CaraCaraMendapatkan Uang DariMendapatkan Uang Dari
FacebookFacebook Chace browserChace browser
CSSCSS domaindomain EmailEmailexcelexcel facebookfacebook googlegoogleIslamiIslami JoomlaJoomla JqueryJqueryJquery PluginJquery Plugin labrarylabrary LinuxLinux
MeekrodbMeekrodb Menulis OnlineMenulis Online
mobilemobile MySqlMySql OptimiseOptimise
ImageImage PaginationPagination PHPPHPRandom StringRandom String Resize ImageResize Image
seoseo Short urlShort url sippdsippdslideshowslideshow spambotspambot templatetemplate
Tingkat PemulaTingkat Pemula TombolTombol
TwitterTwitter UbuntuUbuntu UnzipUnzip ZipZip
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
DEC 4, 2012DEC 4, 2012
Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagaiWahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai
seorang pemula, Sobat. Terimakahih.seorang pemula, Sobat. Terimakahih.
DEC 17, 2012DEC 17, 2012
Thanks berat ilmunya yg sangat berguna… Masih boleh banyak belajarThanks berat ilmunya yg sangat berguna… Masih boleh banyak belajar
khan mas ? maklum masih pemula nich…. gimana membuat file index.phpkhan mas ? maklum masih pemula nich…. gimana membuat file index.php
dan apa isi filenya ? trims….dan apa isi filenya ? trims….
JAN 2, 2013JAN 2, 2013
pak, gimana caranyapak, 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.comhttp://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 informasinyaditunggu informasinya
thank youthank you
JAN 2, 2013JAN 2, 2013
1. save filnya index.php lihat komentar saya diatas sudah1. save filnya index.php lihat komentar saya diatas sudah
saya jelaskansaya jelaskan
2. bukan mengkonversi tapi caranya buatlah subdomain di2. bukan mengkonversi tapi caranya buatlah subdomain di
server hosting anda dengan nama m . maka otomatis diserver hosting anda dengan nama m . maka otomatis di
server anda akan ada folder m. nah lalu duplikat scriptserver anda akan ada folder m. nah lalu duplikat script
website utama anda ke dalam folder m kemudian ubah filewebsite 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 web3. 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, 2013JAN 6, 2013
q mau tanya ganq mau tanya gan
q punya wapsite di wen.ru dan pertanya’anya gimana kalo tampilan wap diq punya wapsite di wen.ru dan pertanya’anya gimana kalo tampilan wap di
desktop brbeda dngn tampilan di mobile, lebih gampangnya ada duadesktop brbeda dngn tampilan di mobile, lebih gampangnya ada dua
tampilan.tampilan.
makasihmakasih
JAN 7, 2013JAN 7, 2013
wen.ru itu situs apa kok ga bisa dibuka. caranya mungkinwen.ru itu situs apa kok ga bisa dibuka. caranya mungkin
seprti tulisan saya yg iniseprti tulisan saya yg ini
http://blog.waroengweb.co.id/php/cara-mendeteksi-http://blog.waroengweb.co.id/php/cara-mendeteksi-
mobile-browser.htmlmobile-browser.html
JAN 10, 2013JAN 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="w idth=device-w idth; init ial-scale=1.0; maximum-scale=1.0;"
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
yg saya lakukan,yg saya lakukan,
mengganti script index.php dengan script diatas, kemudian script lamamengganti 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, 2013JAN 15, 2013
testingnya pakai hp bro. sebenarnya bedanya cuman sedikit.testingnya pakai hp bro. sebenarnya bedanya cuman sedikit.
lihat meta tag nya inilihat 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 skalaitu artinya layar di hp kita tidak bisa dizoom karena skala
maksimumnya 1.0. jadi resulusi gambar dan ukuranmaksimumnya 1.0. jadi resulusi gambar dan ukuran
hurufnya otomatis disesuaikan dengan resolusi layar hphurufnya otomatis disesuaikan dengan resolusi layar hp
JAN 13, 2013JAN 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 ponselbila 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, 2013JAN 15, 2013
trims sudah berkunjung. kalau itu sudah dibahas ditrims sudah berkunjung. kalau itu sudah dibahas di
http://blog.waroengweb.co.id/php/cara-mendeteksi-http://blog.waroengweb.co.id/php/cara-mendeteksi-
mobile-browser.htmlmobile-browser.html
JAN 15, 2013JAN 15, 2013
mantap gan tipsnya.akan saya coba untuk copas ya.apakah ini berlakumantap gan tipsnya.akan saya coba untuk copas ya.apakah ini berlaku
untuk semua website baik itu joomla maupun worpdress yauntuk semua website baik itu joomla maupun worpdress ya
JAN 15, 2013JAN 15, 2013
kalau untuk cms ada modul/plugin tersendiri untuk buatkalau untuk cms ada modul/plugin tersendiri untuk buat
web mobile. sudah otomatis jadi. saya pernah baca2 tapiweb mobile. sudah otomatis jadi. saya pernah baca2 tapi
belum pernah cobabelum pernah coba
JAN 19, 2013JAN 19, 2013
apa mobile dapat membuka php?apa mobile dapat membuka php?
JAN 29, 2013JAN 29, 2013
bisabisa
JAN 31, 2013JAN 31, 2013
bagaimana caranya mengetes php?bagaimana caranya mengetes php?
kalo di komputerkan lewat localhost tuh…kalo di komputerkan lewat localhost tuh…
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
kalo di mobile?kalo di mobile?
JAN 31, 2013JAN 31, 2013
bisa pakai opera mini emulatorbisa pakai opera mini emulator
download disini:download disini:
http://get.opera.com/pub/.custom/campaign/labs/20100421/OperaMobileWindows_49.exehttp://get.opera.com/pub/.custom/campaign/labs/20100421/OperaMobileWindows_49.exe
atau tampilan di localhost itu diatau tampilan di localhost itu di
save as html lalu masukkan kesave as html lalu masukkan ke
hp andahp anda
FEB 7, 2013FEB 7, 2013
Hai.mantap penjelasannya gan!Tapi gan tahu gak cara nge generate scrHai.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, 2013FEB 9, 2013
Maksudnya gimana gan? kurang paham aneMaksudnya gimana gan? kurang paham ane
FEB 21, 2013FEB 21, 2013
Pak,,,saya lagi membuat web mobile menggunakan dreamweaver cs5.5Pak,,,saya lagi membuat web mobile menggunakan dreamweaver cs5.5
tapi untuk build ke mobile aplication nya tidak tersedia di tooltapi untuk build ke mobile aplication nya tidak tersedia di tool
dreamweaver.bapak punya tutorial web mobile gak?Trima kasihdreamweaver.bapak punya tutorial web mobile gak?Trima kasih
sebelumnya.sebelumnya.
FEB 24, 2013FEB 24, 2013
NICE tutorial ganNICE tutorial gan
sangat membantu bangettsangat membantu bangett
makasi yamakasi ya
FEB 26, 2013FEB 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, 2013MAR 8, 2013
support. javascript juga support. tidak perlu seting-setingsupport. javascript juga support. tidak perlu seting-seting
tinggal tulis aja html5 nyatinggal tulis aja html5 nya
FEB 28, 2013FEB 28, 2013
maaf, msh bingung bgt, neh. Ini berarti kita beli 2 domain ya? maksud symaaf, 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 kenalsalam kenal
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
MAR 8, 2013MAR 8, 2013
bukan. dalam contoh diatas hanya 1 domainbukan. dalam contoh diatas hanya 1 domain
MAR 5, 2013MAR 5, 2013
apakah ada cara menghindari hack untuk web versi mobile gan,dulu sayaapakah ada cara menghindari hack untuk web versi mobile gan,dulu saya
punya klien.webnya yang versi mobile yang dihack sementara versi yangpunya klien.webnya yang versi mobile yang dihack sementara versi yang
lain bisa diakseslain bisa diakses
MAR 8, 2013MAR 8, 2013
kalau hack bukan pada versi mobile atau tidak tapi di sisikalau hack bukan pada versi mobile atau tidak tapi di sisi
keamanan server andakeamanan server anda
MAR 7, 2013MAR 7, 2013
hmm jadi bisa menyesuaikan layar dari Hp nya ya.hmm jadi bisa menyesuaikan layar dari Hp nya ya.
GPS TrackerGPS Tracker
MAR 9, 2013MAR 9, 2013
keren sob nambah 1 ilmu baru lagi nih, tak coba dulu nanti klau ada ygkeren 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, 2013MAR 16, 2013
askum sob. . Mau tanya ni. . Gimana cara memasang theme kreator sendiriaskum 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. TpContohnya 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, 2013MAR 23, 2013
ga bisa sob. itu ibarat kita mau pasang pintu kamar diga bisa sob. itu ibarat kita mau pasang pintu kamar di
gerbang masjid. beda banget.gerbang masjid. beda banget.
MAR 31, 2013MAR 31, 2013
mau nanya nih kk masih newbie, saya punya website html/css, ditutorialmau nanya nih kk masih newbie, saya punya website html/css, ditutorial
ditunjukan bahwa kita hanya menambahkan “meta” saja, itu artinyaditunjukan 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 bisasatu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisa
website html saya dirubah menjadi phpVwebsite html saya dirubah menjadi phpV
MAR 31, 2013MAR 31, 2013
mau nanya nih kk masih newbie, saya punya website html/css, ditutorialmau nanya nih kk masih newbie, saya punya website html/css, ditutorial
ditunjukan bahwa kita hanya menambahkan “meta” saja, itu artinyaditunjukan 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?
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
satu lg kak, untuk web mobile tsb, harus menggunakan php. apakah bisasatu 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 websitemaaf bnyk tanya, masih baru banget didunia website
terimakasih sebelumnya kak :))terimakasih sebelumnya kak :))
APR 11, 2013APR 11, 2013
wow ilmu yang patut dicoba, thanks kang..wow ilmu yang patut dicoba, thanks kang..
MAY 14, 2013MAY 14, 2013
permisi numpang tanya, kalau mau test web jquery mobile nya lgsg ke hppermisi numpang tanya, kalau mau test web jquery mobile nya lgsg ke hp
android pakai connectify me apakah bisa ? soalnya sy cb hp sy tdk bsandroid 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, 2013MAY 14, 2013
tinggal di akses aja servernya dari hp. kalau servernya pakaitinggal di akses aja servernya dari hp. kalau servernya pakai
localhost tinggal akses ip komputernya dari hp. jadi bukanlocalhost tinggal akses ip komputernya dari hp. jadi bukan
file jquerynya yang dimasukkan kedalam hp.file jquerynya yang dimasukkan kedalam hp.
MAY 14, 2013MAY 14, 2013
terimakasih sebelemnya ,maksd sy sy sudahterimakasih sebelemnya ,maksd sy sy sudah
mencoba akses dr hp mengetik alamatmencoba akses dr hp mengetik alamat
ip/folder/namafile.php tp selalu koneksiip/folder/namafile.php tp selalu koneksi
serve timeout apakah hal ini bisa disebabkanserve timeout apakah hal ini bisa disebabkan
karena jquery mobile nya tdk support ?karena jquery mobile nya tdk support ?
MAY 21, 2013MAY 21, 2013
coba aja anda akses file andacoba aja anda akses file anda
yang selain jquery mobileyang selain jquery mobile
apakah timeout juga. kalau iyaapakah timeout juga. kalau iya
berarti koneksi ke server andaberarti koneksi ke server anda
yang bermasalah. jika andayang bermasalah. jika anda
menggunakan server localhostmenggunakan server localhost
di windows anda harusdi windows anda harus
membuat setingan firewallmembuat setingan firewall
anda offanda off
JUN 6, 2013JUN 6, 2013
mas mau nanya, saya punya situs yang di flas itu bagaimana ya untukmas 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 langsungmakasih….terus apa kode di atas tadi langsung say ataroh di situs langsung
work ya,, saya belom mmencoba, karena saya tes di blogspot tidakwork ya,, saya belom mmencoba, karena saya tes di blogspot tidak
bekerja, terim kasihbekerja, terim kasih
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
JUN 14, 2013JUN 14, 2013
tidak bisa kalau pakai flashtidak bisa kalau pakai flash
JUN 6, 2013JUN 6, 2013
mau nanya mas, saya kan punya situs ya, nah situs saya di flash, terus yangmau 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 adaterus 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 mobileterus satu lagi mas kalo situs yang yang belom ada set untuk versi mobile
sperti blogspot apa harus menambah kode lain selain kode di atas? apasperti 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, 2013JUN 14, 2013
kode diatas bukan untk blogspot, wordpress dll. melainkankode diatas bukan untk blogspot, wordpress dll. melainkan
untuk html murni binan sendiri. cobanya harus buka pakaiuntuk html murni binan sendiri. cobanya harus buka pakai
hp.hp.
SEP 2, 2013SEP 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 membuatsaya menggunakan dreamweaver untuk mencoba membuat
mobile web, menggunakan jquerymobile web, menggunakan jquery
itu secara otomatis berbentuk mobile size,itu secara otomatis berbentuk mobile size,
tetapi, yang saya bingungkan, bagaimana cara input gambar untuk headertetapi, yang saya bingungkan, bagaimana cara input gambar untuk header
dan footerdan 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, 2013SEP 4, 2013
biasa aja sama dengan versi desktop namun disarankanbiasa aja sama dengan versi desktop namun disarankan
untuk width nya pakai % aja misal 100% atau 50%. kalauuntuk width nya pakai % aja misal 100% atau 50%. kalau
pakai px nanti tidak bisa menyesuaikan dengan ukuran layarpakai px nanti tidak bisa menyesuaikan dengan ukuran layar
handphone atau tablet yang berbeda2handphone atau tablet yang berbeda2
SEP 7, 2013SEP 7, 2013
Wahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagaiWahhhh, ini merupakan ilmu yang sangat bermanfaat bagi saya sebagai
seorang pemula, Sobat. Terimakahih.seorang pemula, Sobat. Terimakahih.
SEP 30, 2013SEP 30, 2013
Boss, klo website mobile apakah masih bisa menggunakan SQL sebagaiBoss, 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,,
converted by Web2PDFConvert.com
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
RespondRespond
OCT 7, 2013OCT 7, 2013
bisa. anda tidak perlu mengubah apapun selain meta tagbisa. anda tidak perlu mengubah apapun selain meta tag
pada header hatml seperti yg dijelaskan diatas.pada header hatml seperti yg dijelaskan diatas.
OCT 25, 2013OCT 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, 2013NOV 3, 2013
Gak mudeng Gan…Gak mudeng Gan…
Dah di test gak bisa…maklum masih pemula nih…Dah di test gak bisa…maklum masih pemula nih…
NOV 16, 2013NOV 16, 2013
wah ini yg saya cari-cari. terimakasih sekali pak ilmunyawah ini yg saya cari-cari. terimakasih sekali pak ilmunya
DEC 29, 2013DEC 29, 2013
wehh :0 gituh ya kak ?? makasih banyak ilmunya ya xixixixixixixwehh :0 gituh ya kak ?? makasih banyak ilmunya ya xixixixixixix
JAN 22, 2014JAN 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, dllapakah 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 agarnya 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 kitasoalnya 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, 2014JAN 26, 2014
ya nggak harus dipindahkan. kan bisa di include file lainnyaya nggak harus dipindahkan. kan bisa di include file lainnya
dari folder m misal include ‘../contact.php’; jadi yang dibikindari folder m misal include ‘../contact.php’; jadi yang dibikin
baru hanya css dan jquerynya sajabaru hanya css dan jquerynya saja
Cara membuat webiste mobile dengan jquery mobile | WaroengWeb BlogCara membuat webiste mobile dengan jquery mobile | WaroengWeb Blog - -[...] tutorial sebelumnya saya sudah jelaskan tentang Cara membuat[...] tutorial sebelumnya saya sudah jelaskan tentang Cara membuatwebsite versi mobile dengan menggunakan html standar. Sekarang sayawebsite versi mobile dengan menggunakan html standar. Sekarang sayaakan 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 **
converted by Web2PDFConvert.com
Switch to our mobile siteSwitch to our mobile site
Submit Comment
Name Name **
Email Email **
WebsiteWebsite
CommentComment
You may use these You may use these HTMLHTML tags and attributes: tags and attributes: <a href="" title=""><a href="" title=""><abbr title=""> <acronym title=""> <b> <blockquote<abbr title=""> <acronym title=""> <b> <blockquotecite=""> <cite> <code class="" title="" data-url=""> <delcite=""> <cite> <code class="" title="" data-url=""> <deldatetime=""> <em> <i> <q cite=""> <strike> <strong> <predatetime=""> <em> <i> <q cite=""> <strike> <strong> <preclass="" title="" data-url=""> <span class="" title=""class="" title="" data-url=""> <span class="" title=""data-url="">data-url="">
Confirm you are NOT a spammer Confirm you are NOT a spammer
Blog WaroengwebBlog Waroengweb
converted by Web2PDFConvert.com
