Sudah 4 bulan lebih blog ini tidak saya update karena sibuk mengerjakan beberapa web project yang sedang dikejar deadline, bahkan untuk membalas beberapa komentar yang masuk pun harus saya panding terlebih dahulu. Setelah 4 bulan tidak membuka account blogger tentu saja membuat saya sedikit "ketinggalan jaman" dengan perkembangan dunia blogging. Salah satu perkembangan yang membuat saya tertarik adalah dengan bertambahnya fitur mobile template yang dikeluarkan oleh blogger, menurut saya fitur ini merupakan fitur yang telah lama ditunggu oleh para blogger ditengah-tengah meroketnya pengguna smartphone di Indonesia.
Sayangnya, setelah saya coba untuk mengaktifkan fitur ini melalui setting blogger dan mencoba mengakses alamat blog saya melalui browser blackberry ternyata blogger belum mampu mendeteksi mobile browser secara otomatis, saya masih harus mengetikkan secara manual URL mobile version blog saya dengan menambahkan /?m=1 pada akhir alamat blog saya contohnya (http://www.devbook.net/?m=1). Saya juga kurang begitu paham apakah hal ini memang belum disupport oleh blogger atau karena blog ini menggunakan custom template yang bukan bawaan blogger. Karena rasa keinginan saya untuk membuat blog ini memiliki tampilan yang proporsional saat diakses melalui mobile browser akhirnya saya mencoba membuat sedikit barisan kode javascript untuk membaca mobile browser agar begitu blog diakses melalui mobile browser maka secara otomatis pengunjung akan diarahkan ke alamat mobile version blog kita.
Buat teman-teman blogger yang menginginkan blognya menjadi mobile version silahkan mengikuti beberapa langkah dibawah ini:
1. Login blogger kemudian masuk ke menu Settings kemudian pilih menu Email & Mobile
2. Pada pilihan Mobile template klik pada "yes, on mobile device, show the mobile version of my template", teman-teman blogger juga bisa mencobanya terlebih dahulu dengan mengklik mobile preview. Setelah selesai jangan lupa mengklik "Save" untuk menyimpan settingan.
Setelah selesai dengan settings blogger sekarang kita tinggal menambahkan beberapa kode javascript di template kita agar begitu pengunjung mengakses blog kita melalui mobile browser maka pengunjung akan diarahkan ke template mobile version blog kita.
1. Pilih menu Design >> Edit HTML
2. Masukkan kode dibawah ini tepat diatas kode <b:skin>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>NB: bagi teman-teman blogger yang sudah menggunakan jquery di template blognya maka teman-teman cukup mengcopy code yang berwarna hitam.
<script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>
3. Save Template
Setelah itu silahkan coba akses blog teman-teman melalui mobile browser seperti blackberry, iphone ataupun opera mini. Semoga sedikit tips diatas bermanfaat buat teman-teman blogger semua. Have nice blogging :)
Related Posts by Categories
Silahkan klik di sini untuk membaca melalui feed reader anda. Atau masukkan alamat email anda di kolom dibawah ini untuk berlangganan artikel DevBook.net langsung ke alamat email anda.
Lihat profil lengkap
Test kirim komentar lewat handphone :D
Kode diatas ketika kami masukkan ke kolom edit template 'Info Seputar Kita' tidak mau di save. Namun ketika "text/javascript"> kami tambahkan / sehingga menjadi 'text/javascript'/> baru direspon oleh blogger. 'Perubahan Anda telah disimpan'. Trims tutorialnya Sobat. Salam blogger. Sukses selalu.
@Herdoni: terima kasih koreksinya mas, memang kemarin saya copy dari page source lewat mozilla blog saya :D
sekarang sudah saya benarkan..
oh ternyata ada script buat redirectnya jg yah...hihihihi
mangtab nich \m/
mantapp sob, ngomong2 gaya kotak komentnya dapet dari mana. gokil : D
follow back yaa : )
thanks gan infonya.. ane rada bingung settingannya, untung nemu disini :)
blog ini jg dpasang script diatas ya! Akibat script diatas jika dlihat dari browser mobile, blog tdak bs dlihat versi aslinya, meski sudah dklik "view web version"blog ini jg dpasang script diatas ya! Akibat script diatas jika dlihat dari browser mobile, blog tdak bs dlihat versi aslinya, meski sudah dklik "view web version"
Test sekali lagi :)
@beben & anak-nias: sama2 makasih juga kunjungannya :) mdh2an bermanfaat ya..
@eko: gaya kotak komentar sebenernya iseng2 aja biar pengunjung ga boring sama tampilan standart blogger :D klo mau coba bisa googling tentang jquery superbox..
@izul: iya dgn menggunakan script ini memang tampilan asli tdk bisa terlihat di mobile browser karena script langsung meredirect mobile browser ke tampilan versi mobile. Tp tentu saja sangat membantu pengunjung yg mengakses blog kita lewat mobile browser, selain tampilannya yg proporsional di mobile browser, kecepatan loading juga pasti lebih cepat..
Mungkin ada masukan dan solusi yg lebih baik? silahkan dishare :)
q jg prnh make skrip direct semcm ini , tp ternyata dianggap keseringan melakukan direct ke link laen / trafik mencurigakan.
Alhasil blogkq jd gak bs diakses sama skali kl dbuka lwat hp,
Padahl kan directnya ke mobile blogger jg, tp tetap berbhy, he.
@gaptek: kok saya baru denger kasus kaya gini ya :D coba cek di kode js yang dulu dipake..mungkin kesalahannya ada disana atau mungkin karena browser handphonenya dimatikan javascriptnya.
mantap mas artikelnya,,siap untuk langsung dicoba,,
keren artikelnya aku coba bisa kok diblogku yang freegreats.blogspot.com tnx yah buat om momod artikelnya berguna bgt .
mungkin akan lbih baik kalo view web version msih bisa berfungsi. Jd pengunjung mobile ttep bs tahu wujud asli blog kita
two thumbs up buat artikelnya..bgus bgt...
makasih......^^
@all: semoga bermanfaat ya :)
@Izul: kendalanya blogger kan tidak mengijinkan kita menambahkan programming, tidak seperti wordpress.org yang bisa dicustomize sesuka kita.
mungkin blogger akan mengeluarkan fitur seperti itu kedepannya karena mobile template yg sekarang masih dalam status beta.
Waah menarik niih ..
Dunia blogging makin asikk ya om..
Dh lama jg g ngblog ...
Sibuk dagang ..
Gak bisa web view lagi...?
Gan minta info...
tau cara biar widget/menu nongol juga di versi mobile ga...?
kalo pake script ini diblog, traffic dari pengunjung yang menggunakan Opera mini ke track gak sama Google Analytic? :) Thanks Infonya
thanks tutor ya boy
alus euy make lightbox nya ieu teh? bagi script na aya teu brow?
skrg ud bs otomatis tnpa js lg y kang hhi.. Tp ane pnh liat blog mobile view m=1 na d edit bkn tmpilan default lg ..background wrn item jd tmpilan touch .keren skrg ud bs otomatis tnpa js lg y kang hhi.. Tp ane pnh liat blog mobile view m=1 na d edit bkn tmpilan default lg ..background wrn item jd tmpilan touch .keren
wow this really good blog content
visit : http://uii.ac.id
trims tutor nya mas,kebetulan lg nyari,sekarang mau dipraktekan
slamat sob anda dapet award slahkan diambil
wah ud otomatis yah jdi gak perlu lagi pake tambahan :D
Wow baru lihat form komentar yg menaraik (maaf jauh dr tema), salam kenal dr saya ya gan....
mkasih infonya mas,,kebetulan lg nyari nih :)
thanks mastah..
tapi udah dari dulu blog saya pake mobile:D
tambah manteb aja sob udah lamanih gak berkunjung kesini
mantap mastah, tapi sekarang udah bisa otomatis yah tinggal ceklis aja lg:)
makasih... tutorialnya, saya coba dulu.
wah pke javascript
kra2 blognya berat gk ya ?
I admire your piece of work, thankyou for all the good posts .
Ban Terbaik di Indonesia GT Radial
makasi untuk infonya... menarik dan bagus
sipp gan
pengetahuan baru bagi aq..sepertinya bermanfaat ya..
saya udah coba neh. tapi sayangnya gak punya hape, jadi gak tahu gimana tampilannya, hehehe
Link sudah terpasang di blog saya.
silahkan cek http://zhw-downloadcenter.blogspot.com/
ditunggu backlink nya :)