Cara Modifikasi Tampilan Blog Versi Mobile

on Tuesday, January 22, 2013
Tutorial BlogspotBlog Versi Mobile. Mungkin dari Anda ada yang tidak tahu, bahwa tampilan blog akan berubah jika dilihat versi mobile / hape / android. Tanpa setting sesuai artikel berikut, tampilan blog Anda versi dekstop akan tampak berbeda jika dilihat oleh pengunjung dari perangkat seluler. Cara cepatnya dengan mengetik seperti ini http://namabloganda.blogspot.com/?m=1
Konsumen Cerdas Paham Perlindungan Konsumen

Cara Modifikasi Tampilan Blog Versi Mobile


Perhatikan, bahwa situs blog Anda tampak sederhana bukan tampilannya versi mobile? widget - widget cantik yang Anda tampilkan juga tidak ada satupun yang tampak bukan!. Klik http://blogger-tamboranews.blogspot.com/?m=1 sebagai perbandingan. Maka Anda akan mendapatkan bahwa tampilan blog situs saya versi desktop akan sama dilihat oleh pengunjung yang datang dari perangkat seluler mereka. Bagaimana cara membuatnya? berikut Cara Modifikasi Tampilan Blog Versi Mobile.

Cara Modifikasi Tampilan Blog Versi Mobile
credit by mashable.com


  • Sign in di blog Anda
  • Klik tautan Template
  • Klik gambar roda (logo setting) di bawah Tampilan SELULER sorot tampilan default ke TERSESUAI (letak paling bawah) kemudian simpan. (Fungsi ini akan membuat tampilan blog versi mobile sesuai dengan template yang Anda gunakan, berlaku untuk semua jenis template)


Untuk menampilkan widget, klik edit HTML
Cari kode seperti ini <b:widget id='HTML1' locked='false' title='Recent Post' type='HTML'/>

Tambahkan mobile='yes' sesudah locked='false' sehingga hasilnya menjadi <b:widget id='HTML1' locked='false' mobile='yes' title='Recent Post' type='HTML'/>

Lakukan hal sama untuk widget yang ingin Anda tampilkan. Jika Anda hanya ingin menampilkan widget tertentu yang hanya muncul pada tampilan blog versi mobile maka ganti coding seperti ini mobile='only'

Setelah itu simpan dan lihat hasilnya. Maka tampilan blog Anda versi dekstop dan mobile akan sama. Kecuali script - script tertentu yang khusus dibuat oleh pembuatnya support tampilan dekstop tapi tidak support tampilan mobile (seperti featured content slider, carousel dan sebagainya)

Efek yang timbul ketika Anda menerapkan fungsi css ini adalah begitu Anda membuat widget baru di TATA LETAK, Anda tidak bisa melakukan pergeseran tempat. Kamu bisa menggesernya hanya di EDIT  HTML. Saran admin, lakukan jika Anda sudah mentok dengan kosep template Anda, tidak diganti - ganti lagi. Demikian Cara Modifikasi Tampilan Blog Versi Mobile.