Membuat Blogspot Versi Mobile


Karena begitu banyak orang yang menggunakan Ponsel untuk mengakses internet maka kita juga harus sedikit menyesuaikan, tidak ada salahnyakan kita membuat Blog/Web kita menjadi versi Mobile, agar pengunjung blog kita yang menggunakan ponsel nyaman mengunjungi blog kita karena berat blog menjadi ringan dan tampilan rapi. 


Akan tetapi untuk Blogspot sendiri belum bisa kayaknya , harus menggunakan aplikasi pihak ke tiga seperti bloggertouch atau Mippin ! Tidak seperti wordpress yang sudah ada Pluginnya sendiri


Inginkah anda menjadikan versi Mobile?


Saya beri contoh untuk membuat blog versi mobile di Bloggertouch.


Berikut Cara Membuat Blog Versi Mobile


Silahkan kunjungi http://bloggertouch.sopili.net/


Kemudian Sign in dengan akun Google kamu


Klik Mobile Edition Maker: create mobile edition/view




bloggertouch edit




Isikan Nama blog kamu, Kemudian klik Go


Akan muncul seperti gambar di bawah ini






Isikan nama di kolom yang sudah di sediakan, lanjut klik Next


Setelah itu akan masuk ke tahap penambahan gadget di blog


bloggertouch edit code




Klik aja AddCode nanti akan di bimbing untuk menambahkan Gadget di blog


Pilih blog yang akan di jadikan versi mobile


Jika sudah selesai memasang gadgetnya, kembali lagi Step 2: Insert Code into the sidebar


bloggertouch edit



Kemudian klik Next


Satu langkah lagi ke Step 3: Verification


bloggertouch verifikasi



Klik Next dan tunggu sebentar. jika sudah akan muncul seperti gambar di bawah ini


bloggertouch edit selesai




Selesai deh. 


Secara otomatis jika blog kamu di akses menggunakan ponsel akan berubah ke versi mobile. 
Contohnya seperti di bawah ini


contoh bloggertouch versi mobile


Coba lihat Blog kamu dalam versi mobile.


Lihat Artikel Asli di http://www.bloginfonews.com/2010/11/cara-membuat-blog-versi-mobile-di.html#ixzz1o1W0Snbi


Cara Membuat Scroll Box di Blog

Untuk membuatnya ikuti langkah berikut :

1. Masuk ke Blog anda


2. Klik Tata Letak

3. Klik Elemen Halaman

4. Klik Tambah Gadget

5. Pilih Menu HTML/JavaScript

6. Copy script di bawah ini dan paste ke halaman conten HTML/JavaScript

<h2>Tutorial BLOG</h2>
<div>
<div style="overflow:auto;width:280px;height:150px;padding:10px;border:1px solid #cccccc">

<li>1. <a href="http://www.shinfo.co.cc/2011/07/tutorial-membuat-robot-cerdas.html"target="_blank">tutorial membuat robot</a></li>

<li>2. <a href="http://www.shinfo.co.cc/2011/02/tata-cara-menulis-puisi.html" target="_blank">tata cara menulis puisi</a></li>

<li>3. <a href="http://www.shinfo.co.cc/2011/02/perbedaan-antara-ikhtisar-dengan.html" target="_blank">perbedaan ikhtisar dengan abstrak</a></li>

<li>4. <a href="http://www.shinfo.co.cc/2012/01/cara-ampuh-basmi-ramnit-dengan-ramnit.html" target="_blank">cara basmi virus ramnit</a></li>
</div></div>


Ganti script yang berwarna merah dengan script kamu
7. Kemudian klik Simpan

8. Selesai sudah ...


Semoga Bermafaat

 

Blogger news

Blogroll

About

Share Tutorial Blog © 2012 | Template By Jasriman Sukri