Cara Menghilangkan Baris Tombol Navigasi Pada Tampilan Blog Versi Mobile

Adakalanya bila kita melakukan kustomisasi desain tampilan blog versi seluler, maka beberapa elemen halaman yang sekiranya tidak efektif untuk ditampilkan perlu dihilangkan atau disembunyikan. Sebagai contoh misalnya adalah baris tombol navigasi seperti yang tampak pada gambar di atas. Seperti halnya apabila Anda membuka blog ini dalam tampilan versi mobile atau membukanya dengan menggunakan perangkat seluler, maka Anda akan mendapati bahwa di halaman beranda tidak lagi ditampilkan baris tombol navigasi seperti yang biasa digunakan pada desain tampilan halaman versi seluler yang diberikan oleh Blogger. Namun ketika Anda membuka salah satu artikel yang ada, maka baris tombol navigasi tetap dimunculkan sebagaimana mestinya.

Hal tersebut disebabkan karena dalam teknik yang diuraikan pada artikel dengan judul “Cara Mengedit Template Untuk Mengubah Tema Tampilan Blog Versi Seluler”, saya sengaja melakukan kustomisasi pada template agar baris tombol navigasi hanya ditampilkan di halaman artikel saja, sedangkan di halaman beranda tombol navigasi tidak ditampilkan atau tidak dimunculkan.

Namun demikian bukan tidak mungkin bagi kita untuk menyembunyikan baris tombol navigasi dari halaman beranda maupun halaman artikel. Nah, terkait dengan hal tersebut (sekaligus menanggapi pertanyaan Sobat Blogger mengenai cara menyembunyikan tombol navigasi pada blog tampilan versi seluler), maka berikut ini adalah uraian cara yang dapat digunakan untuk mengerjakannya.

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

Kedua, cari kode <b:include name='mobile-nextprev'/> dan kemudian hapus kode tersebut untuk menghilangkan tampilan tombol navigasi pada blog versi seluler. Dimana dengan cara menghapus kode tersebut, maka tombol navigasi tidak lagi ditampilkan di halaman beranda maupun halaman artikel.

Kemudian apabila hanya ingin menghilangkan tombol navigasi dari tampilan beranda, maka tinggal menambahkan fungsi logika IF pada kode tersebut, sehingga menjadi seperti rangkaian kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include name='mobile-nextprev'/>
</b:if>

Sedangkan untuk menghilangkan tombol navigasi dari tampilan halaman artikel saja, maka rangkaian kode yang digunakan adalah seperti yang tampak di bawah ini.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <b:include name='mobile-nextprev'/>
</b:if>

Ketiga, simpan template.

Semoga berguna dan bermanfaat.

Salam.