Cara Membuat Blog Menjadi Versi Mobile
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.
February 5th, 2010 at 1:06 pm
ok aku coba ah..mudah2an gak ancur..
~~~
Nggak, gampang kok kalo yang ini.
[Reply]
February 5th, 2010 at 1:19 pm
Tks mas saya juga lagi nyari tuh… semoga ga ada kendala.
~~~
Semoga.
[Reply]
February 5th, 2010 at 1:24 pm
kok bisa ya….
~~~
[Reply]
February 5th, 2010 at 1:38 pm
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.
[Reply]
February 5th, 2010 at 3:15 pm
ilmu baru
thx ya mbakyu
~~~
Podho-podho…
[Reply]
February 5th, 2010 at 6:15 pm
sukses mbak…. – tp blogspot blm punya plugin mobile
rio2000 selesai posting Situs Paling Menjengkelkan !!!
~~~
Iya, ini buat wordpress.
[Reply]
February 5th, 2010 at 6:30 pm
Nyobain komen pake hape ah.. Tp hp saya jelek, jangan2 tulisannya jadi jelek juga.?
~~~
Halah! Bisa aja…
[Reply]
February 5th, 2010 at 7:02 pm
Makasih,mbak infonya nanti deh kalo HP saya udah canggih saya coba terapkan.
~~~
Hehehe…
[Reply]
February 5th, 2010 at 7:09 pm
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…
[Reply]
February 5th, 2010 at 8:08 pm
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?
[Reply]
February 5th, 2010 at 10:50 pm
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!
[Reply]
February 5th, 2010 at 10:57 pm
wah blog saya tau-tau bisa diakses lewat hp, kayanya udah ada yg masangin…
~~~
Bisa sih bisa Mbak, tapi versi mobile, atau versi PC?
[Reply]
February 5th, 2010 at 11:51 pm
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!
[Reply]
February 6th, 2010 at 12:12 am
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!
[Reply]
February 6th, 2010 at 12:13 am
mantaf ini info..bisa nyobain di blog ane deh…
Caride™ selesai posting Minta Maaf Lewat Telinga Kanan
~~~
[Reply]
February 6th, 2010 at 12:15 am
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.
[Reply]
February 6th, 2010 at 5:04 am
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…
[Reply]
February 6th, 2010 at 5:13 am
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!
[Reply]
February 6th, 2010 at 5:22 am
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…
[Reply]
February 6th, 2010 at 9:15 am
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.
[Reply]
February 6th, 2010 at 12:26 pm
Mau coba install ah pluginnya (walau harus menyimak pelan-pelan chattingan di atas)
~~~
Mana? Saya lihat belom diinstal versi mobilenya?
[Reply]
February 6th, 2010 at 7:52 pm
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…
[Reply]
February 6th, 2010 at 10:12 pm
Akhirnya dibuatkan yang mobile blog juga
~~~
Iya, pengen ngikutin pake Carrington nggak bisa, ya udah, Mobilepress aja deh.
[Reply]
February 7th, 2010 at 12:56 am
thanks buat informasi nya …..saya akan coba..
~~~
Kembali kasih.
[Reply]
February 7th, 2010 at 10:54 am
[...] 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, [...]
February 7th, 2010 at 3:04 pm
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.
[Reply]
February 11th, 2010 at 12:13 pm
Trims infonya
coba ahh
~~~
Monggo…
[Reply]
February 11th, 2010 at 2:25 pm
[...] 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 [...]
February 12th, 2010 at 11:35 am
[...] 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 [...]
February 12th, 2010 at 4:57 pm
Boleh. boleeeeeh. saya coba nih mbak.
[Reply]
February 13th, 2010 at 11:23 pm
Info baru nie, cobain ah …
shaleh selesai posting Etika Demokrasi
[Reply]
February 14th, 2010 at 6:18 am
[...] 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 [...]
February 21st, 2010 at 2:12 pm
[...] 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. [...]
February 23rd, 2010 at 4:09 am
Gimana kalo untuk blogger blog?
BosHan selesai posting Dealer Toyota Jakarta Utara
[Reply]
March 2nd, 2010 at 8:49 pm
thankss. .suksesss.. .
[Reply]
March 5th, 2010 at 9:36 pm
bisa dipasang di blogspot gag ya
jun selesai posting I Love Linux
[Reply]