» Directory » » ID 813

Membuat Tampilan Mobile Blog

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 oleh :

Masyhuri Jamil

Tidak memiliki kompetensi di bidang coding. Tapi selalu semangat terus belajar html, css, php, mysql, java script (jquery). Suka oprek-oprek android juga dan yang pasti suka jalan-jalan (treveling).

Memiliki 149 tulisan
Tambahkan Komentar Anda