Cara menampilkan widget pada template blog mobile

Di Blogger, tampilan di komputer desktop dan perangkat seluler ditampilkan secara berbeda. Secara default, templat di perangkat seluler dikurangi agar lebih responsif. Tidak semua bagian atau widget yang ditampilkan di komputer desktop terlihat di perangkat seluler. Adsense ditambahkan dari widget Adsense Blogger terlihat tetapi wilayah tampilan mereka hanya di bagian atas dan bawah halaman. Kode Google Adsense jika ditambahkan secara manual ke blog menggunakan Blogger HTML / JavaScript widget juga tidak akan ditampilkan pada perangkat seluler. Untuk menampilkan widget yang terlihat di desktop untuk juga ditampilkan di perangkat seluler, termasuk widget Google Adsense, ikutilah tutorial berikut.

Pertama, mari kita tambahkan widget ke Blogger kita sebagai bahan uji. Sebagai contoh kita ingin menampilkan widget label.

1. Login ke Blogger dan klik Layout

2. Klik "Tambahkan gadget" dan pilih "Label"

3. Kemudain Save, dan buka blog anda.

4. Periksa apakah itu muncul di desktop (seharusnya muncul).

5. Periksa apakah itu muncul di ponsel (seharusnya tidak muncul).

*Jika ingin memeriksa tampilan mobile dibrowser cukup tambahkan "?m=1"  di belakang url blog anda. Contoh : http://tuli54nku.blogspot.com/?m=1

Untuk menampilkan widget Blogger yang dapat dilihat di desktop juga muncul di perangkat seluler, lakukan langkah berikut:

1.Pergi ke Blogger dashboard, kemudain klik pada Template / Tema, lalu pada Edit HTML

2.Gunakan fitur "Lompat Ke Widget" pada template editor untuk menemukan widget, (widget HTML yang baru ditambahkan biasanya akan memiliki angka yang lebih besar. Misalnya: Label10).

Kemudian cari kode seperti dibawah ini:

<b:widget id='Label1' locked='false' title='Label' type='Label' visible='true'>

Untuk menampilkan widget ini di perangkat seluler, cukup tambahkan " mobile = 'yes' " ke baris di atas. Jadi sekarang terlihat seperti:

<b:widget id='Label1' mobile='yes' locked='false' title='Label' type='Label' visible='true'>

Kamu juga bisa menambahkan code tersebut pada widget lain, yang ingin kamu tampilkan di perangkat selular.

3.Setelah menampilkan semua widget yang Anda butuhkan, simpan template dan kembali ke laman tema.

4.Di halaman tema, klik ikon "roda gigi" di bawah pratinjau mobile, kita akan diberi dua pilihan "pada perangkat selular, tampilkan versi mobile dari template mu yang sekarang":

• Ya. Tampilkan template seluler pada perangkat seluler. (pilih opsi ini)
• Tidak. Tampilkan templat desktop pada perangkat seluler.

5.Klik untuk memilih "Ya. Tampilkan templat seluler di perangkat seluler."

6.Pilih template seluler: Klik dan pilih "kustom".

7.Klik SIMPAN.

Setelah menyimpan perubahan, buka blog di perangkat seluler dan periksa. Widget yang anda aktifkan sekarang akan ditampilkan di perangkat seluler. Tutorial diatas juga bisa diterapkan pada widget seperti posting populer, label, dan bahkan kode Google Adsense ditambahkan melalui widget code html.