Hosting Unlimited Indonesia
» Blogging » Membuat Tampilan Mobile Blog

Membuat Tampilan Mobile Blog

[ Masyhuri Jamil | 23/04/2016 | 4834x viewed | 4 Comemnts ]

30menit.com – Mebuat tampilan mobile blog dari tiga platform blog yaitu blogspot, wordpress.com, dan wordpress self-hosted.

Saat ini handphone atau smartphone tidak hanya digunakan untuk SMS an, telepon, motret, dengerin musik. Dan yang punya BlackBerry pun tak cuma untuk BBM-an dan push email, tapi juga untuk BROWSING. Maksud browsing disini tidak sekedar buka facebook lewat m.facebbook.com, tapi lebih untuk membaca tulisan-tulisan di website atau blog. Pernahkan kamu membuka www.30menit.com lewat handphone? Pasti tampilannya jauh berbeda, yang dibuka lewat komputer adalah versi desktop, dan yang di handphone dan smartphone adalah versi mobile. Versi mobile adalah bentuk yang sederhana. Seperti pada tampilan di samping.

Jika anda cari di google akan banyak data yamg menunjukkan tingginya akses website atau blog menggunakan perangkat mobile. Sebagai contoh akses blog menggunakan browser opera mini. Kebanyakan browser opra mini digunakan pada perangkat mobile. Dari namanya saja opera mini jadi penggunaanya pasti pada perangkat yang mini. Berikut coba saya tampilkan penggunaan berbagai browser dalam mengakses suatu web atau blog. Memang penggunaan terbesar tidak pada browser perangkat mini. Tetapi saya ambil contoh penggunaan browser yang dipakai pada perangkat mini atau mobile yaitu opera mini, dimana data menunjukkan penggunaanya cukup besar yaitu pada peringkat ke dua.

Ternyata cukup banyak pengunjung yang menggunakan perangkat mobile untuk browsing. Jadi apakah kita akan membuat pengunjung blog kita merasa kecewa karena tampilan blog yang buruk ketika dibuka di handphone?

Berikut cara membuat tampilan mobile blog kita

1. Blogspot

Untuk blogspot, masuk ke dashboard melalui blogger.com, kemudian pada menu sebelah kiri pilih Template. Ada dua mode yaitu Live on Blog dan Mobile. 

Nah, selanjutnya klik gambar roda bergerigi di bawah tulisan Mobile. Pastikan pilih “Yes, Show mobile template on mobile devices”. Selanjutnya tinggal pilih mobile theme yang diinginkan.

2. WordPress.com

Masuk ke dashboard melalui wordpress.com atau namablogkamu.wordpress.com/wp-admin. Setelah itu lihat di menu sebelah kiri, Appearance, nah di bawahnya ada menu Mobile. Pilih Mobile untuk masuk ke settingan mobile theme. Pada tulisan “Enable mobile theme” pilih “Yes”. Selesai.

3. WordPress Self-Hosted

Pilihan paling banyak  untuk membuat tampilan mobile blog adalah menggunakan wordpress self-hosted. Banyak plugin yang bisa kita gunakan antara lain : Mobif, WP Touch, Mofuse, WPTap, MobilePress, WordPress Mobile Pack, dsb. Baiklah, kita pilih salah satu. Saya pilih WordPress Mobile Pack karena fleksibilitasnya dalam pengaturan theme (kita bisa pilih theme untuk mobile sesuka hati) dan domain (misalnya mau dijadikan m.namadomain.com).

Pilih Add New plugin untuk instalasi plugin WordPress Mobile Pack. Cari saja dengan kata kunci WordPress Mobile Pack pasti ketemu. Kalau sudah ketemu langsung saja di install. Selanjutnya siapkan wordpress theme versi mobile, search di google banyak banget. Setelah theme terinstall, masuk menu Mobile Switcher di bagian Apearance. Pada mobile theme pilih theme versi mobile yang diinginkan. Terus save. Selesai.

Tulisan terkait
Membuat Tampilan Mobile Blog di atas ditulis oleh :

Masyhuri Jamil

Tidak memiliki kompetensi di bidang coding. Tapi selalu semangat terus belajar html, css, php, mysql. Suka oprek-oprek android juga dan sudah banyak memakan korban (hp android rusak). Semoga tidak berjatuhan korban selanjutnya.

  1. Mawan berkata:

    lumayan ribet yah 🙂 makasih nih

  2. Hi there colleagues, nice piece of writing and pleasant urging
    commented here, I am in fact enjoying by these.

  3. website berkata:

    I’m extremely impressed with your writing skills and also with the layout on your weblog.
    Is this a paid theme or did you modify it yourself? Either way keep up the nice quality writing, it’s rare to
    see a great blog like this one today.