Beberapa waktu yang lalu saya sudah pernah mencoba membuat blog ini menjadi versi mobile. Awalnya, hanya gara-gara loadingnya yang lama ketika dibuka melalui hand phone saya yang keluaran lama itu. Saya coba sendiri otak-atik berdasarkan baca postingan teman sana-sini, gagal!
Akhirnya saya kapok. Bosan gagal melulu. Belom ada tutorial yang pas bisa saya praktekkan.
Sampe akhirnya, kemarin saya chatting dengan David, blogger yang pernah menulis sebagai Guest Blogger di blog ini. Namanya ada di blogroll sidebar blog ini, tuh! 
Jangan tanya saya berapa lamanya kami chatting. Beberapa jam lah, pokoknya. Malah sempet saya tinggal makan siang segala.
Alasan lain, kemarin lusa saya buka analytics saya, terkaget-kaget dengan kenyataan bahwa sudah 15% jumlah pengakses blog ini menggunakan Opera Mini! Itu berarti, bulan ini saja sudah lebih 1.500 yang hadir dari hand phone. Wow.
Jika terus-terusan saya ‘paksa’ mereka membuka halaman yang ‘berat’, bisa gawat. Kabur lama-lama nantinya, bukan malah menjadi loyal. Makanya saya langsung berusaha cari informasi untuk secepatnya bisa merubah blog ini menjadi versi mobile.
Ini nih, hasil chatting saya dengannya, sampe akhirnya blog ini sudah bisa dibuka dengan lebih ringan versi mobilenya. Yang awalnya harus berukuran sekitar 20kb, kini hanya 2 atau 3kb. Sangat signifikan perbedaannya. Jika nggak percaya, coba aja dibuka dari hand phone Anda.
Nunik: udah mo oflen ga?
David: belum
Nunik: dari tadi aku buka blogmu tapi belom baca malah aku tinggal makan siang
David: lagi nyetting blogku supaya dia bisa dipublish via email, kenapa? hahaha dassar
Nunik: aku mo setting versi mobile tapi themeku ga bisa jadi harus ganti theme
David: gak usah ganti theme
Nunik: soalnya aku buka analitic, hampir 15% pembaca pake opera mini
David: betul. download aja plugin mobilepress atau wordpress mobile pack, punyaku pakai mobilepress. coba lihat ini tampilan mobilenya http://davidjuly.cz.cc?=mobile
Nunik: aku pernah coba tapi pluginnya nggak bisa dipasang error
David: horeeeeee…. aku berhasil posting dari email
Nunik: pake apaan?
David: bisa… apakah diblog kamu terinstall plugin WpEasy uploader? Plugin tersebut memudahkan kita untuk mengupload files, termasuk mengupload file plugin Aku posting dari email dengan mensetting pengaturan di menu Settings -> Writing
Nunik: pluginnya sih bisa dipasang tapi ada yang ga kompatibel kayaknya
David: Kompatibel kok. Plugin ini bekerja hanya bagi pengunjunng yang membuka blog kita dari browser mobile, macam HP, Opera Mini, UCWeb dsb
Nunik: iya, setelah aku pasang, aku liat via hape, tetep aja masih sama
David: saat dibuka dari PC, ia tampil dengan pesona PC.
Okay, sini biar aku bantu
hapus dulu plugin tersebut dari server kamu
Nunik: udah, akhirnya aku hapus tuh plugin
David: nah sekarang kamu upload file ini ke folder wp-content/plugins/ http://downloads.wordpress.org/plugin/mobilepress.1.1.4.zip
upload file itu.
Atau aku bantu uploadin?
Nunik: udah aku upload, trus?
udah diaktifin
David: Okay. Apakah penempatan penguploadannya sudah benar? Di folder ini kan? Wp-content/plugins
Nunik: yoi
David: Nah sekarang masuk ke http://isnuansa.com/plugins.php?plugin_status=inactive
maksudku http://isnuansa.com/wp-admin/plugins.php?plugin_status=inactive
Temukan plugin yang baru diupload. Namanya Mobilepress. Aktifkan plugin itu
Nunik: udah sip
Mobilepress Version 1.1.4 | By Aduity
David: betul. Tekan activate
Nunik: ok, udah
David: Nah sekarang masuk ke http://isnuansa.com/wp-admin/admin.php?page=mobilepress
Nunik: udah, trus
David: Isi kotak blog title dengan judul blog, blog description dengan tagline blog. Biarkan kotak Mobile Themes Directory terisikan oleh kata mobile-themes.
Nunik: trus, save changes?
David: betul
Nunik: udah
David: Pastikan pilihan “Force Mobile Site” berada pada posisi “No”
Sekarang buka http://isnuansa.com/?mobile
horeeee… berhasiil
berhasillll
Itu adalah tampilan blog isnuansa.com ketika dilihat dari HP atau Opera Mini
Nunik: tar dulu, aku coba buka lewat hape dulu ya…
David: Yup! Coba buka lewat HP
Nunik: Asyikkk…
Berhasil!
Trims ya…
David: sama-sama
Nunik: Biasanya sekali buka halaman 20an kb, sekarang hanya 2!
David: betul.. dan tema ini sangat ramah dengan Google. Google kan punya search mobile. Blog kamu bisa sering tampil disana dengan menggunakan tema ini
Nunik: Yoi…
cup cup muah muah
bodoh banget aku ini
nginstal gitu aja nggak tahu caranya
Hihihihi
David: hehehehe…. Mau dibikin post via email juga? Biar bisa nulis sambil leyeh-leyeh di kamar?
Nunik: Padahal lewat analitik bulan ini saja hampir 2000 page view dari opera mini
semoga dengan dibikin mobile, nambah banyak lagi yg datang dari hand phone
David: Tapi untuk bisa melacak statistic isnuansa.com yang versi mobile ini, maka kamu harus memasukkan kode meta dari google analytic ke tema mobilepress
Nunik: doh, gimana caranya?
kalo soal posting dari email, jangan dulu deh
soalnya saya harus proof read beberapa kali sebelum publish
kalo lewat email, bawaannya pengen cepet2 mulu
15 menit
David: hahahah… Okay, untuk memasang kode analytic, masuk ke folder /wp-content/plugins/mobilepress/system/themes/default/header.php
dan tambahkan kode meta dari google analytic sebelum kode head
~~~
Buat yang pengen merubah blog menjadi versi mobile, bisa belajar dari chattingan saya dengan David di atas.
Berlangganan via email yuk! Agar bisa menerima artikel terbaru dari blog isnuansa.com
Nb: Buka email anda & klik link konfirmasi berlangganannya.
Artikel Terkait
ok aku coba ah..mudah2an gak ancur..
~~~
Nggak, gampang kok kalo yang ini.
Tks mas saya juga lagi nyari tuh… semoga ga ada kendala.
~~~
Semoga.
kok bisa ya….
~~~
Yessss.. berhasill…………
Tapi pada single post kok ga nempilin komeng-komeng ya….
~~~
Iya, memang theme-nya terbatas, cuma ada itu dan khusus buat I-Phone.
Jika ingin baca komentarnya, harus di klik di View Comment or Post Comment.
ilmu baru
thx ya mbakyu
~~~
Podho-podho…
sukses mbak…. – tp blogspot blm punya plugin mobile
.-= rio2000 selesai posting Situs Paling Menjengkelkan !!! =-.
~~~
Iya, ini buat wordpress.
Nyobain komen pake hape ah.. Tp hp saya jelek, jangan2 tulisannya jadi jelek juga.?
~~~
Halah! Bisa aja…
Makasih,mbak infonya nanti deh kalo HP saya udah canggih saya coba terapkan.
~~~
Hehehe…
wah, aku termasuk yang biasa kunjung pake operamini.
tapi pengen dong tutorial posting lewat email
~~~
Ya, nanti saya tanyain David. David, ada yang tanya tuh…
Sampai sejauh ini masih belum berfikir sampai kesana mbak, lagi pula hanya mendukung satu jenis saja, yang ada sekarang saja udah emput-emputan ngurusnya
~~~
Maksudnya mendukung satu jenis saja, apa ya?
Itu kan isi chatting kita yang kemarin sore. Aku nggak nyangka ia bakal menjadi posting di blog ini. Terimakasih!
.-= David selesai posting Hindari kata yang teknikal; gunakan kata sederhana =-.
~~~
Kembali kasih!
wah blog saya tau-tau bisa diakses lewat hp, kayanya udah ada yg masangin…
~~~
Bisa sih bisa Mbak, tapi versi mobile, atau versi PC?
wah, saya belum beranjak tuh untuk make mobile di blog saya. hehe… maklum takut ada error gitu. hoho
~~~
Awalnya saya juga error coba jenis plugin yang lain, tapi ini mudah kok. Tinggal install, jadi deh!
boleh juga neh plugin di coba..kali aja bermanfaat, kebetulan kalo aku buka di hp sekitar 24KB..kali aja bisa 1KB hehehe
trimakasih mbak infonya..
salam, ^_^
.-= Didien® selesai posting Kiat Menghalau Pembobolan Rekening =-.
~~~
Kembali kasih!
mantaf ini info..bisa nyobain di blog ane deh…
.-= Caride™ selesai posting Minta Maaf Lewat Telinga Kanan =-.
~~~
coba memahami dulu, trus segera di praktekin deh..
kira² kalo gagal resikonya apa yah?
.-= d-Gadget™ selesai posting Sony Ericsson Vivaz, Penerus Xperia X10 =-.
~~~
Kalo gagal, ya diuninstall lagi aja. Saya juga pernah cobain yang Carrington, nggak bisa, saya ilangin lagi aja.
mantap, dulu saya sempat males bikin versi mobile, tapi kayaknya penggunan internet dari perangkat mobile sepertinya makin banyak, jadi tertarik deh..
saya akan coba.. mudah2an plugin itu ga bagus
.-= imadewira selesai posting Apa Ciri – Ciri Blog =-.
~~~
Ya, sekarang makin banyak yang pake hand phone, jadi nggak ada salahnya dipasang versi mobile-nya…
setelah saya cek, ternyata pengunjung blog saya yang menggunakan opera mini juga hampir 10% nih. jadi ndak sabar install plugin ini, hehe
.-= imadewira selesai posting Apa Ciri – Ciri Blog =-.
~~~
Ok, Langsung aja kalo gitu!
maaf, jadi hattrik nih..
udah saya install, ga sampe semenit beres… hehehe
.-= imadewira selesai posting Apa Ciri – Ciri Blog =-.
~~~
Ya! Karena saya gaptek aja, jadinya lama…
wah nice info.. saya buka blog pake hape kok lama buangeeeeeeeeeet
.-= KangBoed selesai posting Tersesat Dalam Kelalaian Terperangkap Nikmat Duniawi =-.
~~~
Makanya saya bikin mobile version.
Mau coba install ah pluginnya (walau harus menyimak pelan-pelan chattingan di atas)
~~~
Mana? Saya lihat belom diinstal versi mobilenya?
chattingan yang bermanfaat sekali, saya mau coba ah ikutan bikin blog versi mobile juga.. thanks ya
.-= jimmy selesai posting Pindah Server Hosting Lagi =-.
~~~
Iya, David Guru saya…
Akhirnya dibuatkan yang mobile blog juga
~~~
Iya, pengen ngikutin pake Carrington nggak bisa, ya udah, Mobilepress aja deh.
thanks buat informasi nya …..saya akan coba..
~~~
Kembali kasih.
[...] anda mungkin akan menemukan tulisan yang berjudul mirip seperti tulisan ini, atau tepatnya Cara Membuat Blog Menjadi Versi Mobile. Tapi saya yakin anda tidak akan menuduh saya copy paste dari sana bukan? Hehe, tentu saja bukan, [...]
Selamat sore,Mba!
Baru mampir,saya ketinggalan artikel yg mengena ini.
Biar terlambat,moga diperhatikan.
Nah,akhirnya Mba Solider dgn kita2 yg inet pake HP.
Terimakasih utk itu,Mba.
Terus terang Mba,slama ini kami terpaksa menghindari blog yg berhalaman besar apalagi bila memuat gambar2 entah iklan atau artikelnya.
Loadingnya susah dan malah tdk muat di layar HP kita.
Kalo blog Mba Nunik pake versi PC sebenarnya tdk apa2,slama ini aksesnya lancar2 saja.
Mungkin beban kb-nya yg lumayan besar sampe 45 kb = Rp 45 tarifnya itu kalo diakses melalui opera mini.
Kalo diakses melalui opera modif dan UCWap sekitar 7-8 kb.
Murah ‘kan?
Setahu saya,sampe akhir thn lalu netter HP di Indonesia ada 5000-an dan negeri kita juga merupakan pengguna opera mini terbesar di ASEAN.
Keputusan Mba Nunik menggunakan versi mobile,saya pikir sangat tepat asalkan tdk mengganggu versi PC-nya.
Utk diketahui, adik2 saya yg pake HP Nokia tipe kecilpun dpt sering masuk di blog ini sampe arsipnya ditelusuri juga.
SALAM HANGAT selalu.
~~~
Saya sendiri lebih parah Pak, 1kb harganya Rp.5 Kebayang berapa harga yang saya bayar untuk buka halaman blog saya sendiri kan melalui hand phone?
Tapi sekarang nggak lagi.
Trims infonya
coba ahh
~~~
Monggo…
[...] alternatif lain, karena wordpress menyediakan banyak plugin untuk membuat tampilan blog menjadi versi mobile. Salah satunya adalah Carrington yang memiliki lebih dari satu pilihan theme. Saya sudah pernah [...]
[...] waktu lalu saya sempat menulis alasan saya membuat tampilan blog menjadi versi mobile ketika dibuka menggunakan hand phone. Apa pasal? Dari laporan Analytics saya, hampir 15 persen [...]
Boleh. boleeeeeh. saya coba nih mbak.
Info baru nie, cobain ah …
.-= shaleh selesai posting Etika Demokrasi =-.
[...] bagaimana? Akhirnya setelah jelajah yang tidak menentu, saya berhasil menemukan blog yang membahas cara membuat blog menjadi versi mobile yang ditulis oleh Mbak Isnuansa. Setelah saya baca secara pelan-pelan postingannya tersebut, akhir [...]
[...] Pagi ini saya cari tutorial di google untuk membuat wordpress versi mobile yang ga ribet instalnya. Dan ketemulah dengan artikel di blog isnuansa.com yang cakep ini. Silahkan baca lengkapnya di sini. [...]
Gimana kalo untuk blogger blog?
.-= BosHan selesai posting Dealer Toyota Jakarta Utara =-.
thankss. .suksesss.. .
bisa dipasang di blogspot gag ya
.-= jun selesai posting I Love Linux =-.
ngiri nih mba,blogspot ga bisa
iya nihhh Blogger kgk bisa
yahhh
jdi iri ma WP banyak plugin nya 
Blogger kgk bisa .. hehehe.. selangkah lebih maju WP !
Salam kenal Mba Nunik dan makasi infonya. Kebetulan saya lagi nyoba buat blog versi mobile setelah pindah ke WP. Mau nanya dikit. Kode Google Analyticsnya di pasang di header ya? Bukannya di Footer? Mohon jawabannya. Sebelumnya terima kasih.
.-= Dunia Komputer selesai posting Apa yang Salah dengan Negeriads.com Solusi Berpromosi? =-.
ada ga cara agar blog kita bisa versi PC dan Mobile
infonya mantap, saya sedang butuh ini nih
Thanks and keep post
iya nih bro, gmn nasb-y dg blogspot masak gk bisa? cape deh
WADUH BOLEH JUGA TUH..TP UTK BLOGSPOT BISA G YA?APA MUSTI PLUG IN SGALA?TX YA
blh juga tuh..utk blogspot bisa juga ga yah?
owh.. coba yach..
.-= bunyawan selesai posting Ariel Resmi Ditetapkan Sebagai Tersangka =-.
sebenarnya ini sangat membantu buat yang mobile bloging. Tapi saya pake blogger. Bisa ga yach
Terima kasih sangat atas infonya…. sudah saya terapkan pada blog saya….
terima kasih mba’e untuk masukannya?…..dengan plugin ini weblog saya yang tadinya sekali akses 65kb bisa merosot menjadi 3 kb saja…..
ghe selesai posting menghilangkan iklan sms esia
tidakada kog blogspot mobile version
Maksudku, ada kok blogspot mobile version. Jadi yg pake blog gretengan pede aja!
tutorial yang menarik,
coba dulu ah’
tanks ya infonya
gan, saya ga ngrti tntang foldernya itu, yg wp-content/
itu dimana ya gan?
tolong pencerahannya
Nais info mba, keep shaaring ya mbaa.. moggo mampir di blog saya
Gloria Setiadi selesai posting Resep Bakpao Kacang Tanah
Aq mw blajar umz david,cra bwt blog tampilan m0bile,tp lwt hp bwt na,gmana?
terimakasih, muantab….kalau posting yang lewat email gimana?
animallove selesai posting 6-Step Treatment Dog
makasih tutorialnya simple enak dibaca
BeritaUnik.net selesai posting 5 Makanan paling menjijikkan di dunia
Bagaimana jika dibandingkan dengan Mobile pack?
Ade selesai posting Kajian Live- Madrasah Ramadhan 1431H bersama Ustadz Abu Haidar
kenapa ya di blog ku kalo pake mobilepress orang gak bisa komentar, error gitu. Errornya kaya salah masukin data diri, padahal sdh benar.
Salam kenal.. Di antara mobilepack, carrington,wp touch,mobilepress, hanya yang terakhir yang paling hemat pulsa baik melalui browser hp,atau operamini. Juga dilengkapi mobile ads,tapi tidak semua hosting menampilkan iklan dari operamini..
Thx buat infonya. Saya kebetulan lagi nyari2 info soal ngubah blog jadi versi mobile biar lebih enak pas dibuka dari HP.
Republican Wasp selesai posting Ikan Lepu Batu- Mimpi Buruk Para Penyelam
Maap non.
Themes wpku kok g ada pluginx!:mrgreen:=>
aku br bljr WP nie..
Plugin disblh mn. N uploadx di menu apa..plece klo g keberatan tutorx dikirim via emailku ya…
I love u full
makasih infonya…
sangat berguna buat pemula seperti saya..
tetep gak bisa diakses lewat opera mini nih, help….
Tutorial yg bagus banget,
ada tapinya, aku ngeblog pake blogspot bisa ga dibikin versi mobile?
tolong bantuannya. Thnk
makasih infonya gan.. lagi cari tutor tentang ini juga..
makasih info nya mba sngat bermanfaat sekali ,
blogku kok malah jd eror ya? keluar tulisan php eror di setingannya
Takut malah error..
Amazing Life and Music selesai posting DOWNLOAD KUMPULAN TOP RINGTONE LAGU BATAK MP3
Oke mas, artikelnya ciamik tenan. Langsung kupraktekkan dan it’s work, boleh coba2 tes. Mantap…
Dwi Wahyudi selesai posting Kisah Nyata Menangkap Langsung Penampakan Makhluk Gaib
cobain ahhhhh
jojo selesai posting Passing Grade Universitas Palangkaraya IPS
Mas, kalau saya pasang plugin mobilepress berarti blog yang buat pcnya otomatis menjadi tampilan mobile juga ya? saya sudah aktifkan mobilepress tapi akhirnya tampilan blog saya mobile juga padahal saya inginnya kalau diakses pakai PC tampil spt blog biasa tapi kalau di akses dari iphone tampilannya mobile, bisa gak? thanks..
yayy..nemu postingan ini dan terinspirasi deh,,,tapi pas coba sendiri, kok ya error terus? hhmm…mesti baca seksama nih mba Isnu..
Daisy selesai posting Insto Moist- obat tetes mata kecil- tapi besar manfaatnya
Theme saya yang ini ringan meskipun di mobile. Dulu sempat pake WordPress Mobile juga, tapi lepas. Nice info.
thx for info
wah kebetulan….aku kenal sama mas David Khoirul dari hampir 2 tahun yang lalu kayanya…
Kalo di di blogger.com juga bisa dibuat ke Mobile version tapi ribet mesti nambahin ?m=1 diakhir. dan untuk membuatnya agar langsung ke versi mobile ketika dibuka dari hp gak bisa, mesti pake script dan untungnya kemaren dapet scriptnya dan ketika web aku dibuka dari Opmin langsung ke direct ke oalld.com/?m=1
tolong di bantu dong ane awam nih, ane pake bloger themenya pake wp, trus sudah ane ubah ke .com, nah pas ane coba buka pake opmin kok gak bisa kebuka ya? loading lama trus error pesannya,
yang jadi pertannyaan ane :
Yang harus ane rubah apannya nih?
Ato di html nya ada yg perlu ditambahin tag y? atau apa, bingung nih . . .
tolong dibantu ya all..
Pake plugin mobilepress aja. Download dan aktifin. Nanti kalo dibuka pakai opera mini, secara otomatis tampilannya blog akan berubah menjadi versi mobile.
plug in nya kayak apa itu mba?
Masalahnya saya nge host nya di blogger. Sedang klo saya baca artikel diatas itu klo ngga salah untuk di wordpress ya.
ads selesai posting Rekening
thx sob atas infonya
yang buat blog ada gak mas????
zidiyuto selesai posting Pertanyaan Tersulit Dalam Wawancara | Ini Solusinya
sudah lama saya mencari artikel ini, saya sudah coba dan sukses, web saya sudah tidak lemot lg jika dibuka lewat mobile browser dengan theme mobile ini. terima kasih , artikel ini sangat membantu dan menambah pengetahuan saya..
Terima kasih kembali.
Akhirnya nemu juga tutor nya.makasih mba is. . .oya,mau nanya neh.kalo mau taroin em(m) di depanya gima???jadi m.ibnuch.com???
mohon jawabanya…n salam kenal.
Kayaknya bedan konsep deh itu, Mas. Kalo yang saya terangin di atas itu kan yang pakai plugin.
Tapi kalau mau pakai “M” di depan nama domain, itu kayaknya harus edit kode php-nya. Saya nggak tau…