Blog 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
Contoh http://suwandasitorus.blogspot.com/?m=1
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://suwandasitorus.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.
Untuk menghilangkan tampilan di-widget mobile, klik edit HTML
Cari kode seperti ini <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
Tambahkan mobile='yes' atau mobile='no' sesudah locked='false' sehingga hasilnya menjadi <b:widget id='Attribution1' locked='false' mobile='no' title='' type='Attribution'>
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.
Contoh http://suwandasitorus.blogspot.com/?m=1
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://suwandasitorus.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.
 |
| 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 menghilangkan tampilan di-widget mobile, klik edit HTML
Cari kode seperti ini <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
Tambahkan mobile='yes' atau mobile='no' sesudah locked='false' sehingga hasilnya menjadi <b:widget id='Attribution1' locked='false' mobile='no' title='' type='Attribution'>
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.
Tidak ada komentar:
Posting Komentar