Solusi Widget Tidak Muncul di Link /?m=1

Seorang pengunjung, HS Mail, bertanya kepada saya, katanya:

Gan kenapa ya kok template ********** saya widgetnya gak jalan pas mode mobile ni linknya http://*******.blogspot.com/?m=1 kan beda kalo pas mode desktop http://*******.blogspot.com/?m=0 wdgetnya pada jalan semua tuh.. masalah di css(media-queries apa di xmlnya?)

Secara default, template mobile blogspot memang tidak menampilkan widget melainkan badan artikel saja. Tujuannya tentu untuk menyesuaikan layar perangkat mobile (ponsel) yang sempit. Menampilkan widget mungkin tidak efisien karena waktu muat (loading) web akan bertambah. Padahal kemampuan ponsel menangkap sinyal data internet masih terbatas dibandingkan modem.

Tetapi sekarang perangkat mobile (ponsel, tablet,dll) sudah jauh lebih maju. Ponsel-ponsel modern memiliki kemampuan internet yang cepat dan layar yang lebih lebar. Jadi, mungkin lebih baik menampilkan widget blog.

Bagaimana menguji tampilan mobile blog

Kita bisa mencoba--menyimulasikan--tampilan mobile tanpa perangkat mobile. Jadi tanpa ponsel kita bisa memeriksa tampilan blog kita melalui laptop atau Desktop PC. Caranya adalah dengan menambahkan /?m=1, yaitu: http://jelasinblog.blogspot.com/?m=1. Sedangkan untuk tampilan desktop adalah /?m=0.

Solusi Agar Widget Blog tampil di /?m=1

Nah, apa solusinya jika kita ingin memaksa widget tampil di tampilan mobile? Ada beberapa solusi untuk masalah ini. Artikel kali ini menjelaskan bagaimana cara menampilkan widget blog pada tampilan mobile dengan link /?m=1.

Pertama, menggunakan JavaScript. Letakkan script berikut di atas tag </head>.

<script type='text/javascript'>
      //<![CDATA[
      var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}
  //]]></script>

Itu akan memaksa browser-termasuk browser di perangkat mobile-memuat link /?m=0. Hasilnya akan seperti ini.

Perhatikan link jelasinblog di browser ponsel saya. Meskipun linknya adalah /?m=0 tetapi widget alias gadget (Komentar terbaru dan Categories) tetap tampil.

Kedua, dengan mengaktifkan widget. Anda dapat memilih template mobile Custom untuk menampilkan widget pada link /?m=1. Pergilah ke tab Template dari dashboard blog sobat. Di sana ada dua opsi template, yaitu Live on Blog dan Mobile. Pada template Mobile klik ikon roda gigi dan pilih "Custom" dari menu pulldown "Choose mobile template".

Ketiga, menambahkan atribut mobile ke dalam tag <b:widget>. Misalnya: <b:widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>. Lebih lengkap silahkan baca artikel:

Custom Mobile Template Blogger - Template Mobile untuk Blogger

Selamat mencoba.

Komentar

  1. Sangat bermanfat bro.
    Btw sebelumnya mohon maaf, saya punya keluhan ne, widget di blog saya tidak muncul (error), solusinya apa ya mas?
    http://komunitasbelajarkomputer.blogspot.co.id/

    BalasHapus
    Balasan
    1. Widget yang di footer kah?

      Hapus
    2. Iya mas bro yang di footer, trus ada slider juga gak aktif...

      Hapus
    3. Periksa kode yang terpasang di widget, mungkin tidak sesuai dengan scriptnya.

      Hapus

Posting Komentar

Postingan populer dari blog ini

Cara Menggunakan :before dan :after

Perbedaan JavaScript dan jQuery Beserta Contoh

Manisnya Font Roboto - Cara Pasang dan Penggunaan