Cara Menyembunyikan Widget Pada Tampilan Blog Versi Mobile

Apabila Anda menambahkan widget profil untuk menampilkan profil Blogger atau Google Plus agar ditampilkan pada blog yang Anda kelola, maka secara otomatis widget tersebut akan ditampilkan pada halaman versi web maupun tampilan versi seluler. Dan jika Anda adalah termasuk pengelola blog yang mengimplementasikan kustomisasi template untuk tampilan versi seluler, dalam hal ini adalah dengan menerapkan teknik yang saya terbitkan dalam artikel dengan judul “Cara Mengedit Template Untuk Mengubah Tema Tampilan Blog Versi Seluler” dan atau artikel dengan judul “MOBILE TEMPLATE - Customize Blogger Mobile Templates”, maka apabila Anda memasang widget profil pada blog yang Anda kelola, secara otomatis tampilan halaman versi seluler dari blog yang dimaksud akan menjadi seperti yang tampak pada gambar di atas.

Pada gambar di atas dapat dilihat bahwa ketika halaman blog dibuka dengan menggunakan perangkat seluler, maka widget profil akan ditampilkan antara atribusi desainer tema template dan atribusi untuk Blogger. Nah, dengan begitu bisa jadi tampilan footer halaman menjadi terkesan kurang menarik, karena sebenarnya teknik kustomisasi template yang saya uraikan dalam artikel sebelumnya yang berjudul “Cara Mengedit Template Untuk Mengubah Tema Tampilan Blog Versi Seluler” dan atau artikel dengan judul “MOBILE TEMPLATE - Customize Blogger Mobile Templates” memang sengaja didesain tanpa adanya widget profil pada bagian footer halaman.

Sehingga untuk mengatasi hal tersebut, sebagai solusinya adalah dengan cara menghilangkan widget profil agar nantinya baris atribusi desainer tema template dan baris atribusi untuk Blogger dapat menyatu. Namun perlu diketahui bahwa menghilangkan widget profil di sini bukan berarti benar-benar menghapus widget tersebut, akan tetapi hanya menyembunyikannya agar tidak dimunculkan pada tampilan versi seluler, sehingga widget profil akan tetap dimunculkan pada tampilan halaman versi web. Dimana untuk melakukannya Anda dapat mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, cari widget yang akan disembunyikan. Dimana untuk mempermudah dalam menemukannya maka Anda dapat mencarinya sesuai dengan judul widget yang dimaksud. Sebagai contoh karena widget profil saya beri judul ‘About Me’, maka untuk menemukannya saya tinggal menekan tombol keyboard ‘Ctrl + F’ dan kemudian melakukan pencarian untuk kata ‘About Me’.

Ketiga, apabila widget yang dimaksud sudah ketemu, maka tambahkan kode mobile='no' dalam rangkaian kode widget yang dimaksud. Sebagai contoh misalnya seperti yang tampak pada rangkaian kode di bawah ini.

<b:widget id='Profile1' locked='false' mobile='no' title='About Me' type='Profile'>
  <b:includable id='main'>

    ----- rangkaian kode -----

  </b:includable>
</b:widget>

Keempat, simpan template.

Dengan demikian maka widget yang dimaksud tak akan ditampilkan lagi pada tampilan halaman versi seluler, namun akan tetap dimunculkan pada halaman untuk tampilan versi web.

Semoga berguna dan bermanfaat.

Salam.