Akhirnya BIsa Auto Direct ke versi mobile blogger

Seneng banget malam ini, Satu bulan setelah berhasil bikin versi mobilenya www.gudangrusak.com ini ke m.gudangrusak.com di artikel Gudangrusak versi Mobile Namun tidak tahu cara meredirect otomatis dari pendeteksian browser. malam ini Akhirnya saya temukan Javascript dan cara Auto redirectnya HUAHAHAHAAHAHa (lebay).

Seperti yang saya tulis dalam artikel Gudangrusak versi Mobile bahwa blogger tidak support dengan bahasa php seperti wordpress, padahal beberapa layanan converter blog ke versi mobile memberikan script php untuk auto directnya, seperti dari mofuse.

Maksud saya Auto redirect adalah dimana ketika kita membuka suatu situs dari ponsel, situs tersebut akan mendekteksi bahwa browser yang digunakan adalah berasal dari ponsel dan akan otomatis melink ke versi mobile yang telah kita buat. contohnya silahkan buka www.gudangrusak.com dari ponsel temen temen tampilannya bakalan beda dengan jika di buka dari komputer kan??? Begitu juga dengan facebook, twitter, friendster dan situs situs situs populer lainnya, nah itu dia versi mobilenya. keunggulannya, blog jadi lebih ringan dan cepat loadingnya.

Caranya gimana??? ini khusus untuk blogger/blogspot aja yah untuk yang lain ngga tau dah ngaruh apa ngga..... ok kalau tertarik begini caranya, buat temen temen yang sudah tau sori kalo repost.... wkwkwkwkwkk..

Pertama siapkan blog versi mobile temen temen, kalo bisa webprogramming, bikin sendiri aja, biar bisa lebih sesuai keinginan. kalo ngga bisa ya udah manfaatkan beberapa situs yang menyediakan layanan tersebut, misalnya mofuse. cara buatnya gampang kok, setelah masuk ke mofuse, klik menu yang ada di sebelah kanan bawah "MOBILIZE YOUR BLOG" trus masukan URL feed kalian biasanya feed itu seperti ini standarnya http://blogname.blogspot.com/feeds/posts/default?alt=rss Setelah itu tinggal ikutin aja langkah langkah berikutnya.

Kalau sudah beres, kita masuk kelangkah

Cara Auto redirect blogger ke versi mobile

caranya memang lebih ribet dibandingkan dengan wordpress yang punya plugin sendiri, kalo di blogger/blogspot kita butuh tempat hosting sendiri, tapi tenang, kita pakai yang gratisan saja wkwkwkwkk.

Siapkan hostingan, yang gratisan bisa di zymic.com, 000webhost.com atau di cilacaponline.web.id cara daftar dan aturannya silahkan tanya om google... banyak tuh...

Setelah itu download file js ini (FILE) selesai download, extract trus buka file js hasil extractnya menggunakan notepad, atau text editor lainnya, cari tulisan m.gudangrusak.com . Nah ganti tulisan itu dengan url blog versi mobile temen temen. save, trus upload file itu ke hostingan temen temen....

Kalau sudah terupload, sekarang menuju ke dashboard blogger kalian, klik Layout --> Edit HTML

lalu cari kode </head> kemudian tepat diatas kode tersebut pastekan kode ini.


<script src='http://URL FILE.js' type='text/javascript'/>

Kode yang berwarna biru diganti dengan URL file js yang dihosting tadi, ingat yah... URL File js yang dihosting, bukan URL blog versi mobile .... Setelah itu save dan coba lihat hasilnya......

Ada sedikit kekurangan jika kita menggunakan layanan mobilize dari situs situs penyedianya, misalnya jika situs versi mobile kita buka dari komputer desktop, yang tampil tidak sesuai dengan yang diinginkan, yang tampil bakalan gambar sebuah ponsel yang blog kita ditampilkan dilayarnya... saya sendiri masih belajar cara ngambil RSS feed URL blogger untuk diinjek sebagai versi mobile dengan php, kalo berhasil kan, lumayan.... biar ngga kalah sama wordpress juga.... hahhahahaha. Makanya masih pake layanan gratis dari mofuse, jadi malu..... hehehhhe

Semoga berhasil yah...