Jadikan Blog Anda 'Mobile-Friendly' (Blogger)
Seperti yang anda ketahui, berjuta² orang menggunakan telefon bimbit atau telefon pintar mereka untuk mengakses Internet. Disokong dengan kemajuan dan kecanggihan teknologi masa kini seperti talian 3G, mobile applications dan lain-lain, kelajuan Internet mudah-alih boleh dikatakan sangat cepat dan pantas (walaupun di Malaysia, ia dianggap sangat lembap, hehe). Tidak seperti komputer atau laptop, Internet dapat diakses dalam masa beberapa saat sahaja melalui telefon bimbit, dengan hanya menekan satu atau dua butang. Mudahkan?
Bagi pengguna² Twitter, aktiviti mempromosikan link blog di dalam Twitter sudah menjadi suatu kebiasaan. Kita tahu rata² pengguna Twitter menggunakan telefon bimbit mereka untuk mengakses Internet. Jadi, boleh dikatakan kebanyakan tetamu dan pembaca (visitors and readers) blog anda akan melawat atau terjah ke blog anda melalui telefon-telefon bimbit mereka. Tetapi, anda mungkin akan kehilangan pembaca² anda jikalau blog anda kurang atau tidak mesra pelayar telefon bimbit (tidak 'mobile friendly'). Ini kerana di dalam pelayar web telefon bimbit, sesetengah blog biasanya akan mengambil masa agak lama untuk memuatkan pelbagai imej dan gambar pada blog (loading time), dan juga isu lain seperti nisbah paparan (ratio display) laman blog anda tidak sesuai dengan saiz skrin telefon bimbit.
Kali ini, nak kongsikan bersama sedikit tips dan tutorial untuk menjadikan blog Blogger (bagi Blogger.com, Blogspot) anda mesra pelayar web telefon bimbit. Oh ya, bagi pengguna Wordpress pula, anda boleh mendapatkan tutorial di blog AzmanIshak. Bagi anda yang menggunakan Blogger Layout Template, tutorial ini sedikit sebanyak berguna untuk anda. Tapi jika template blog anda dibina dari Blogger Template Designer, berkemungkinan feature ini telahpun ditambah di dalam blog anda. Sekarang ikuti langkah² mudah seperti di bawah untuk menyediakan atau menjadikan blog Blogger anda mesra pelayar web telefon bimbit.
1. Login ke Dashboard Blogger anda > tab Design > Edit HTML.
2. Pastikan Expand Widget Templates telah anda tick dan scroll ke bawah sampai anda jumpa code ini:
<b:include data='blog' name='all-head-content'/>3. Atau jika anda tidak menjumpai code berkenaan, pastikan anda jumpa code <head> tag.
4. Paste code ini betul² berada di bawah code yang di atas tadi:
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
5. Sekarang tekan Save Template dan anda sudah siap!
Dan itu saja! Sekarang, pelawat² boleh mengakses blog Blogger anda melalui telefon bimbit dengan kelajuan yang agak menakjubkan.
Sumber: Blogger Tricks dan Blogger Tips & Tricks.
PS: Kini loading time blog menjadi lebih pantas dalam telefon bimbit. :D
About The Author:
acaPAWN7 is from Kuala Lumpur, Malaysia. He was graduated from Universiti Teknologi PETRONAS (UTP) with a degree in Information and Communication Technology (ICT), majoring in Software Engineering and also a minor in Financial Management. Currently, he is pursuing Master of Business Administration (MBA) at Universiti Tenaga Nasional (UNITEN). He can be reached or contacted via email at acapawn7[at]gmail.com or follow his Twitter at @acaPAWN7.
You can refer the smiley codes below and add them in your comments too, but don't forget to add spaces between them.
You can add your comments below:
August 31, 2010 at 4:13 PM
wooooaaa!! best nyaa!
kalo mcm blog aku agk2 jadik laju tak bila masuk? sebab bukak ikut pc pown lembab.. hhahhahahha :P
August 31, 2010 at 4:16 PM
Hehe, laju sikit je la.. Kalau lembap tu, mungkin sebab banyak gambar² kot.. Try pasang coding ni kat blog, pastu try masuk ikut handphone.. :D
August 31, 2010 at 8:14 PM
Wah menarik tu.. camne ngan layout?
August 31, 2010 at 8:19 PM
Blog jadi betul² fit dengan saiz browser kat handphone, especially dlm Opera Mobile.. Lagi cepat load kot aku rasa, walaupun tak la laju sgt..
August 31, 2010 at 8:34 PM
eh.. bagusnya!! thanks for the tips!! :)
August 31, 2010 at 10:20 PM
Selamat mencuba ya! ;)
August 31, 2010 at 11:45 PM
nice
berguna untuk mereka yang guna blogspot
September 1, 2010 at 12:05 AM
Ya betul tu bro.. Semoga ilmu ini dapat dimanfaat dan diperbaiki di masa akan datang :)
September 1, 2010 at 12:21 AM
yayyy! ade gak utk blogspot. slalu jumpe utk wordpress je. nak google malas. :P
thankss!
September 1, 2010 at 12:25 AM
bagus ni,...setuju sangat dengan fakta "rata pengguna twitter menggunakan handphone" hehe
September 1, 2010 at 12:29 AM
bubbles182:
Hehehe, takpe la kalau you malas..I carik kan lagi eh? :P
Mrnamie:
Hehe..betul la kan, dah jadi trend zaman skrg..laptop/desktop sudah mula dipinggirkan :P
September 1, 2010 at 12:38 AM
wah, ni info yang bagus bro..mekacih2 :)
Terukkah Hidup Sebagai Seorang Blogger?
September 1, 2010 at 12:47 AM
Sama2..hope boleh try2 la ye dekat blog :D
September 7, 2010 at 6:31 AM
bro, macam takde effect je kat blog :p hahaha.
takpelah, baik baca guna feed je, mudah cepat dan efficient :D
September 7, 2010 at 3:48 PM
@Zala Wajik: Mungkin laju sikit je kot, sbb dia adjust width blog ikut size skrin kat hp.. Pakai Google Reader ataupun Feedly mmg nice gak, hehe 8)
September 12, 2010 at 5:30 PM
wah, menarik ni bro.
walaupun aku baru guna WP, tapi aku gak tgh kumpul bahan untuk buat template blogspot ni.
thanks!
September 13, 2010 at 9:50 AM
wow. cntik bro. hbt2. hehe. nk try jgk kt blog lme. hehe. tq sharing :D
September 15, 2010 at 7:59 PM
@Affan Ruslan: Yessza..nanti akan share benda2 best lagi untuk blogspot..hehe :d
September 15, 2010 at 8:00 PM
@cybernetic88: Hehe silakan..kalau ada mase free nnt, nak share benda2 lain lagi untuk blogspot :)
September 16, 2010 at 12:59 PM
thanks bro!
September 16, 2010 at 1:31 PM
@akuvision: Anytime bro! :mj
December 4, 2010 at 12:58 AM
Nice posting. Terima kasih
December 17, 2010 at 7:15 AM
Anda menyelesaikan beberapa poin di sana. Saya melakukan pencarian dengan tema dan menemukan sebagian besar orang akan memiliki pendapat yang sama dengan blog Anda.
December 31, 2010 at 10:11 PM
nak tanya, aku guna mobstac nak bagi blog aku pon mobile friendly (yes this is very important indeed). Scan url blog aku jumpa, tapi bila preview keluar content blog lama aku, padahal url blog lama ngan skarang tak sama -__- kenapa ek?
January 2, 2011 at 2:18 AM
@Pojan: Mungkin sebab cache blog lama still ada dalam server kot..atau ko salah letak RSS link dekat mobstac tu?
January 2, 2011 at 5:03 PM
@acaPAWИ7: ok dah check, original feed merujuk kepada blog lama, cana selesaikan prob tu ea?
January 5, 2011 at 6:04 PM
@Pojan: Erm, apa beza link feed blog lama dengan yang baru? Nama blog sama ke?