Cara Melakukan Show Hide Widget pada Mobile di Blogger

Cara Melakukan Show Hide Widget pada Mobile di Blogger

Cara Melakukan Show Hide Widget pada Mobile di Blogger - Mungkin jika anda sudah sering mencoba mengakses blog anda menggunakan perangkat mobile mungkin anda akan meilihat tampilan blog anda yang sudah responsive apalagi jika anda sudah menggunakan berbagai template yang sudah dilengkapi dengan fitur responsive terhadapat perangkat apapun.

Namun terkadang, template yang sudah responsive sekalipun masih menyisakan bug dibeberapa fitur. Kebetulan saya pernah mengalami hal ini, dimana beberapa tampilan widget saya tidak begitu terlihat bagus pada perangkat mobile yang memiliki ukuran layar yang berbeda-beda.

Contohnya, ketika kita menambahkan sebuah widget berupa slider atau image yang sudah kita tentukan ukurannya untuk tampilan desktop dan hasilnya ketika kita buka blog melalui perangkat lain seperti mobile maka tampilan widget tadi menjadi kurang enak dilihat, bahkan terlihat acak-acakan dan menggangu tampilan blog yang lain.

Nah oleh karna itulah, pada kesempatan kali ini saya ingin berbagi sedikit tips tentang bagaimana mengatur tampilan widget diperangkat mobile. Sebanarnya cara ini hampir sama dengan menggunakan tag konditional pada blog, seperti yang sudah saya bagikan sebelum di postingan: Cara Show Hide Widget di Blogger hanya saja cara kali ini lebih mudah dan juga lebih simple.

Cara Melakukan Show Hide Widget pada Mobile di Blogger

Baiklah, untuk mengatur tampilan widget diperangkat yang berbeda langsung saja ikuti langkah-langkah dibawah ini.

1. Cara Menampilkan Widget di Perangkat Mobile

Untuk mengatur widget agar tampil di perangkat mobile, anda harus masuk ke blogger > template > kemudian cari kode widget yang ingin anda atur.

Anda bisa menggunakan fasilitas "Jump to Widget" untuk memudahkan anda meloncat dan mencari widget yang anda ingin atur.

Pada baris kode widget, sekarang tambahkan kode mobile="yes" pada baris kode widget tersebut. Untuk lebih jelasnya silahkan lihat gambar dibawah ini untuk pengaturannya.

Cara Melakukan Show Hide Widget pada Mobile di Blogger


Jika sudah, selanjutnya anda tinggal menyimpan template anda.

2. Cara Menyembunyikan Widget di Perangkat Mobile

Untuk menyembunyikan widget agar tidak tampil pada perangkat mobile, sama seperti yang diatas yaitu masuk ke blogger > template > kemudian cari widget yang ingin di sembunyikan pada perangkat mobile.

Jika sudah, pada baris kode widget, sekarang tambahkan kode mobile="no" pada baris kode tersebut. Untuk lebih jelasnya silahkan lihat gambar dibawah ini untuk pengaturannya.

Cara Melakukan Show Hide Widget pada Mobile di Blogger


Jika sudah, simpan kembali template anda untuk menyimpan pengaturan.

Nah semoga artikel saya kali ini tentang Cara Melakukan Show Hide Widget pada Mobile di Blogger bisa membantu anda semua yang sedang bingung bagaimana cara mengatur dan membuat tampilan widget menjadi lebih terlihat rapi, khususnya pada perangkat mobile.

Jika anda memiliki pertanyaan atau masalah dalam menerapkan tutorial kali ini, silahkan ajukan dikotak komentar dibawah ini. Sampai jumpa..
Cara Melakukan Show Hide Widget pada Mobile di Blogger Cara Melakukan Show Hide Widget pada Mobile di Blogger Reviewed by Mgs Rama Dony on 5:20 AM Rating: 5

3 comments:

  1. kebetulan mas tempalte ane sering gitu smoga aja tutorial bisa meminimalisir blog saya :)

    ReplyDelete

Silahkan berkomentar sesuai topik artikel diatas.
1. Jangan tinggalkan link akitf
2. Jangan gunakan kata kotor, spam, sara, atau provokasi lain
3. Gunakanlah form komentar dengan baik dan bijak

Powered by Blogger.