TOM BLOG

  • BISNIS ONLINE
  • KOMPUTER
  • PAKAIAN ADAT PERNIKAHAN
  • RESEP MASAKAN
  • SMART PHONE
  • KESEHATAN
Beranda » Blog Versi Mobile » Edit HTML » Cara Modifikasi Tampilan Blog Versi Mobile

Cara Modifikasi Tampilan Blog Versi Mobile

Tutorial Blogspot - 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
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.
Tweet
Cara Modifikasi Tampilan Blog Versi Mobile

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal
Posting Lebih Baru
Posting Lama
Beranda




Banyak Di Baca

  • Hati - Hati Spam di Tagboard Blogger.hr dan Bravejournal
    Tutorial Blogspot -  Hati - Hati Spam di Tagboard Blogger.hr dan Bravejournal . Salah satu cara tercepat dalam mendapatkan backlink adalah ...
  • TV Ini Layarnya Bisa Digulung Seperti Koran
    TV produksi LG ini layar 18 inch OLED-nya bisa digulung kayak kertas koran. Dipamerkan di gelaran CES 2016, tampaknya akan sepertinya inilah...
  • Seniman Debu
    Agak aneh memang kalo orang memikirkan menggunakan debu sebagai bahan untuk membuat benda seni. Paul Hazelton mengumpulkan debu dan membentu...
  • Eco-city, Kota di Dalam Kawah
    Kota ini akan dibangun di dalam kawah buatan manusia. Konsepnya eco-city, ramah lingkungan dan digunakan sebagai zona industri yang baru di ...
  • cara terbaru 2016 mendapatkan uang,pulsa, dan gems coc di hp android
    hasil dari hp android WHAFF   adalah Aplikasi Bisnis Online Android berbasis PPD ( pay per download ) yang artinya anda akan dibayar apabila...
  • Cara Check Jumlah Backlink | Backlink Checker
    Tutorial Blogspot - Backlink Checker . Salah satu upaya pengoptimasian sebuah blog adalah dengan menambah jumlah backlink yang menuju pada ...
  • Cara Check Kecepatan Loading Blog
    Tutorial Blogspot - Speed Loading Blog - Cara Check Kecepatan Loading Blog . Loading blog memberi pengaruh apakah pengunjung sebuah blog a...
  • Singa Tahu Cara Buka Pintu Mobil
    Hati-hatilah jika mengunjungi taman hewan seperti Taman Safari. Baru-baru ini satu keluarga di dalam sebuah mobil sedan hampir celaka saat m...
  • Iphone Bikin Luka Permanen Berbentuk Ponsel Pada Kaki Seorang Anak
    Suatu kejadian tidak mengenakkan menimpa salah seorang pengguna iPhone 5c yang kebetulan masih anak sekolah. Olivia Ritter, 9 tahun, gadis k...
  • cara mendownload photo dan video di instagram
    cara mudah mendownload atau meng unduh photo dan video di instagram - bagi kalian pengguna setia intagram pasti di buat kecewa dikarnakan di...

Arsip Blog

Total Tayangan Halaman

Copyright © 2014 TOM BLOG - Powered by Blogger
Template by Mas Sugeng - Versi Seluler