Cara Menjadikan Blog ke Versi Mobile Lengkap Dengan Redirect Otomatis

Saya akan menjelaskan bagaimana cara blog anda bisa menjadi versi mobile. Di sini akan sekaligus menjadi versi mobile otomatis redirect. Apa maksudnya ? maksud nya adalah jika blog kita di buka di handphone, maka yang akan terbuka blog anda versi mobile. Meredirect blog anda ke versi mobile sangat menguntungkan sang pengunjung dan juga menguntungkan anda tentunya.
Di sini saya menggunakan mippin.com untuk menjadikan blog saya ke versi mobile. Yaudah langsung aja saya jelaskan cara caranya.

#1 Mendaftar di Mippin
Tugas anda pertama adalah mendaftar di mippin.com , lalu anda bisa langsung mendaftarnya.
Klik di sini untuk mendaftar.

- Jika sudah mendaftar, anda Login menggunakan email dan password yang tadi di daftarkan.

- jika sudah klik "Create new site on Mippin", pada kolom yang disediakan isi dengan url feed anda.
Contoh : http://gecokk.blogspot.com/atom.xml
Untuk lihat lengkap perhatikan gambar di bawah ini.

- jangan di klik tanda panah nya, perhatikan di bawah nya. Disana ada pilihan layout untuk versi mobile blog anda. Ada 2 pilihan , "List View" atau "Gallery". Lalu klik Next Step.

- Sekarang kita masuk ke Menu Customize, pada bagian ini anda bisa mengedit dari mulai logo, site name dan beberapa warna dari tampilannya. Jika sudah klik Next Step,

- Lanjut pada Menu Publicize, di sini hanya ada 2 kolom penting saja yaitu "Use your unique mobile url or create your own" dan "Make your site searchable in Mippin by adding tags", silahkan di isi sesuai dengan ketentuan yang ada. Jika sudah lanjut langsung dengan klik Next Step (hiraukan saja bagian "Publicize on your blog"),

- Pada bagian selanjutnya "Menu Monetize" dihiraukan saja dan langsung (scroll ke bawah) klik tombol FINISH.
Selesai dan sekarang bisa teman-teman cek Alamat Url baru versi Mobilenya,

#2 Cara Meredirect Otomatis
Jika ingin melakukan cara ini tentunya anda harus melakukan cara di atas. Jika kalau tidak apa yang mau di redirect. hehe

- Download file untuk melakukan cara ini, file ini sudah saya simpan dan tinggal anda download. Jadi bisa memudahkan anda. Klik di sini untuk mendownload : Download

- Jika sudah di download buka file yang berbentuk notepad tersebut. Perhatikan kode yang paling kanan. Lalu anda ganti dengan URL mippin anda. Contoh : http://mippin.com/gecok.
Save file tersebut dengan format Js (javascript). Lalu upload file tersebut ke file hosting, di sini saya memakai Google code. Untuk tau cara mengupload file di google code silahkan klik di sini : Cara Mengupload File Di Google Code.

- CopyLink file yang anda upload tersebut, dan pastekan ke dalam script di bawah ini. Contoh :
<script src='ALAMAT LINK FILE ' type='text/javascript'/>

(Pastekan link yang anda copy tadi tepat yang di beri text berwarna biru)

Contoh :
<script src='http://gecokkkk.googlecode.com/files/gecokmobile.js' type='text/javascript'/>

Nah mudahkan ? Tapi tidak hanya sampai disini, Lalu mau di letakkan dimana script tersebut ?
Letakkan tepat di atas kode </head>.
Contoh :

<script src='http://gecokkkk.googlecode.com/files/gecokmobile.js' type='text/javascript'/>
</head>


Simpan dan Good Job anda sudah memiliki blog dengan versi mobile. Untuk melihat hasilnya buka blog anda dengan handphone anda.