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! icon wink Cara Membuat Blog Menjadi Versi Mobile

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. icon wink Cara Membuat Blog Menjadi Versi Mobile 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. icon wink Cara Membuat Blog Menjadi Versi Mobile

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…
icon smile Cara Membuat Blog Menjadi Versi Mobile
David: sama-sama icon smile Cara Membuat Blog Menjadi Versi Mobile

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. icon wink Cara Membuat Blog Menjadi Versi Mobile

Comments
  1. 5 years ago
  2. 5 years ago
  3. 5 years ago
  4. 5 years ago
  5. 5 years ago
  6. 5 years ago
  7. 5 years ago
  8. 5 years ago
  9. 5 years ago
  10. 5 years ago
  11. 5 years ago
  12. 5 years ago
  13. 5 years ago
  14. 5 years ago
  15. 5 years ago
  16. 5 years ago
  17. 5 years ago
  18. 5 years ago
  19. 5 years ago
  20. 5 years ago
  21. 5 years ago
  22. 5 years ago
  23. 5 years ago
  24. 5 years ago
  25. 5 years ago
  26. 5 years ago
  27. 5 years ago
  28. 5 years ago
  29. 4 years ago
  30. 4 years ago
  31. 4 years ago
  32. 4 years ago
    • 4 years ago
  33. 4 years ago
  34. 4 years ago
  35. 4 years ago
  36. 4 years ago
  37. 4 years ago
  38. 4 years ago
  39. 4 years ago
  40. 4 years ago
  41. 4 years ago
  42. 4 years ago
  43. 4 years ago
  44. 4 years ago
  45. 4 years ago
  46. 4 years ago
  47. 4 years ago
  48. 4 years ago
  49. 4 years ago
  50. 4 years ago
  51. 4 years ago
  52. 4 years ago
  53. 4 years ago
  54. 4 years ago
  55. 4 years ago
  56. 4 years ago
  57. 4 years ago
  58. 4 years ago
  59. 4 years ago
  60. 4 years ago
  61. 4 years ago
  62. 4 years ago
  63. 3 years ago
  64. 3 years ago
  65. 3 years ago
  66. 3 years ago
  67. 3 years ago
  68. 3 years ago
  69. 3 years ago
  70. 3 years ago
  71. 3 years ago
  72. 3 years ago
    • 3 years ago
  73. 3 years ago
  74. 3 years ago
  75. 3 years ago
  76. 2 years ago
  77. 2 years ago
    • 2 years ago
  78. 2 years ago
  79. 2 years ago
  80. 2 years ago
  81. 1 year ago
  82. 1 year ago
    • 1 year ago
  83. 1 year ago
  84. 1 year ago
  85. 9 months ago
  86. 5 months ago
  87. 4 months ago
  88. 1 month ago

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge