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...

Read More

Cara Agar Blog/Blogspot Bisa Dibuka Via Mobile (mobile version)

Cara Agar Blogspot Bisa Dibuka Via Mobile - Blog saya ini sudah dapat diakses /dibuka melalui perangkat mobile (HP atau Smartphone) baik yang ber-OS Java ataupun Android seperti Blackberry. Pada blogger/blogspot sebenarnya sudah tersedia fitur baru untuk ini yang disebut dengan mobile template atau template seluler, namun sayang sepertinya masih banyak sobat blogger yang belum memanfaatkan fitur ini. Padahal jika blog sudah disetting supaya dapat dibuka via mobile, maka hal ini bisa jadi sumber trafik baru untuk blog sobat. Pada tips blogging kali ini saya mau share bagaimana cara supaya blog/blogspot sobat dapat dibuka via mobile atau diakses oleh para blogger mobile yang suka ngeblog menggunakan HP tersebut. Trik ini juga bisa dianggap sebagai cara mengubah blogspot menjadi blog mobile, namun kita masih menggunakan cara manualnya.

Sobat dapat mengetikkan alamat ini http://www.x-zonet.tk/?m=1 pada address bar browser anda untuk melihat demo atau web saya dalam versi mobile

Cara Menampilkan Blog/Blogspot dalam versi Mobile (Mobile Version) :

1.    Masuk dulu ke dashboard blogger anda.

2.    Pilih Setelan (Setting) > Email & Seluler (Email & Mobile) seperti gambar dibawah ini.

3.    Pada bagian Template Seluler (Mobile Template) klik opsi “Ya. Tampilkan template seluler di perangkat seluler” kemudian pilih template selular menurut kesukaan anda .

4.    Dan pada bagian Opsi Pengeposan, isi kotak kosong dengan password atau kata sandi, dan aktifkan opsi "Publikasikan segera Email". Ini adalah alamat email tujuan jika sobat ingin memposting artikel melalui perangkat seluler/HP.

5.    Jika sudah selesai klik Simpan Setelan.

6.  Sobat dapat mencobanya dengan mengetikkan http://www.x-zonet.tk/?m=1 pada addres bar browser anda.

Nah sekarang blog sobat bisa dibuka dalam versi mobile. Sehingga jika ada para pengguna HP yang menemukan link blog kita saat mereka googling menggunakan browser mobile (biasanya Opera Mini), maka ketika mereka mengklik link blog kita tersebut mereka akan langsung diarahkan ke tampilan template seluler blog kita yang sudah disetting tadi. Sudah paham bukan maksudnya? So, semoga cara membuat blogspot menjadi versi mobile (mobile version) ini bisa berguna untuk mendatangkan tambahan trafik baru ke blog anda. Happy nice blogging !!

Read More