Cara Mengubah Blogspot Menjadi Mobile Friendly

Cara Mengubah Blogspot Menjadi Mobile Friendly - Pada postingan satanic terdahulu Cara Agar Blog/Blogspot Bisa Dibuka Via Mobile (mobile version) sebenarnya sudah diulas mengenai hal ini. Untuk melihat blog dalam versi mobile secara manual kita harus mengetikkan format link address sebagai berikut "http://nama-blog-anda.blogspot/?m=1".

Nah pada tips blogging kali ini satanic akan membahas Cara Membuat Blogspot Menjadi Mobile Friendly dengan cara memasukkan javascript pada template. Sehingga kita tidak perlu lagi menuliskan alamat blog secara manual dengan menambahkan "?m=1". Jadi blogger mobile bisa langsung mengakses halaman blog kita layaknya versi web HTML tanpa perlu lagi mengubah link blog kita secara manual, dan halaman blog yang ditampilkan pada HP sudah dalam format xHTML khusus untuk browser HP seperti Opera Mini. Dengan begitu pulsa sang blogger mobile pun tidak akan kesedot banyak gara-gara harus membuka halaman blog dalam versi web yang ukurannya filenya besar.

Cara Mengubah Blog Menjadi Blog Mobile (versi mobile) adalah sebagai berikut:

1.      Download dulu file notepad untuk membuat javascriptnya disini.

2.      Buka file (blogspot-automobile.txt) yang baru di download tadi di notepad, kemudian ganti tulisan  (http://www.x-zonet.tk/?m=1) yang ada dibawah dengan nama blog anda sendiri.

3.     Kemudian Save As file notepad blogspot-automobile.txt yang baru diedit tadi, pada Save as type pilih All Files kemudian pada File name tulis menjadi blogspot-automobile.js sehingga file notepadnya nanti menjadi format javascript (JS).

4.     Selanjutnya upload file javascript blogspot-automobile.js ke hosting Google Code/hosting pribadi anda. Untuk caranya hosting gratis di google code anda bisa baca dulu postingan saya mengenai Tutorial Cara Upload File/Hosting Gratis di Google Code

5.       Jika sudah diupload jangan lupa copy URL file javascript tersebut.

6.       Lanjutkan dengan login ke dashboard blogger anda.

7.       Pilih Rancangan > Edit HTML, centang Expand widget template.

8.      Cari kode </head>  pada template kemudian copy script seperti dibawah ini dengan lebih dulu mengganti link URL file javascript yang sudah dihosting di google code sebelumnya, letakkan script ini tepat diatas kode </head>.

<script src='link url hasil upload JavaScript anda' type='text/javascript'/>

9.   Save template anda, cobalah masukkan alamat blog anda http://nama-blog-anda.blogspot.com/ pada browser mobile (HP). Jika halaman blog bisa langsung terbuka berarti anda sudah berhasil dan proses mengubah blogspot versi web menjadi versi mobile secara otomatis ini selesai.

OK sobat blogger, silahkan dipraktekkan lagi sendiri cara mengubah blog/blogspot menjadi blog mobile (versi mobile) ini. Mudah-mudahan panduan yang saya tuliskan ini tidak terlalu sulit untuk dipahami dan bisa membantu anda untuk membuat tampilan mobile blogspot anda secara lebih baik lagi. Buat yang kurang paham bisa komentar di bawah...

Ditulis Oleh : Unknown ~ Berbagi ilmu komputer, internet dan blogging pemula

Artikel Cara Mengubah Blogspot Menjadi Mobile Friendly ini diposting oleh Unknown pada hari Sabtu, 12 November 2011. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran anda adalah pelajaran yang sangat berharga bagi saya.

:: Kirim Artikel ini ke Lintas Berita ! ::