Ok sobat seocips.com berikut ini seocips akan membagikan tutorial blog mengenai bagaimana cara menampilkan widget secara otomatis di tampilan mobile. Dibeberapa template yang saya bagikan sebelumnya saya lupa menambahkan atribut ini ke templatenya jadi beberapa widget juga tidak akan tampil di versi mobile.

Menampilkan Widget Di Versi Mobile

Sebenarnya ada juga kelebihan tidak menampilkan widget ke versi mobile misalnya untuk mempercepat loading di tampilan mobile juga untuk memperkecil ukuran loading blog ketika akses ke blog kita.

Kita dapat memilih widget apasaja yang ingin kita tampilkan dan widget apa yang tidak ingin kita tampilkan, sobat pastinya sudah tahu bahwa sebagian besar pengguna internet sekarang adalah pengguna mobile, nah misalnya ada iklan yang kita letakan di salah satu widget, kan rugi jika iklannya tidak muncul di tampilan mobile.

Ada beberapa kode atau atribut pilihan pada blog versi seluler:
  • mobile=’yes’ untuk menapilkan widget di versi seluler.
  • mobile=’no’ tidak ditampilkan pada halaman versi seluler.
  • mobile=’only’ dimana widget hanya ditampilkan pada versi seluler saja.


Masuk ke edit HTML template blog kemudian temukan widget mana yang ingin anda tampilkan di versi mobile. Misalnya widgetnya adalah seperti dibawah ini. Perhatikan kode berwarnah biru dibawah

    <b:widget id='HTML2' locked='false' title='Random Post' type='HTML'>      <b:includable id='main'>
......
</b:includable>
    </b:widget>

Tambahkan kode mobile=’yes’ sehingga menjadi :

   <b:widget id='HTML2'  mobile=’yes’ locked='false' title='Random Post' type='HTML'>      <b:includable id='main'>
......
</b:includable>
    </b:widget>

Simpan template dan lihat hasilnya. Untuk mengecek hasilnya misalnya dengan menggunakan mobile phone. Ok sobat sekian tutorial blog untuk saat ini semoga bermanfaat.
4 Komentar untuk "Trik Cara Menampilkan Widget Di Versi Mobile"

Trik yang sangat bermanfaat sob. Akhirnya masalah saya terpecahkan. Thanks

Saya sudah coba dan berhasil.
1. Jangan lupa pakai spasi
2. Kada pengaruh di tanda kutip, coba ketik sendiri tanda kutipnya.