Cara menampilkan ikon menu sidebar di semua laman pada tema Contempo
Saturday, 11 November 2017
Cara menampilkan ikon menu sidebar di semua halaman di Tema Contempo. Hey guys, jumpa lagi bersama saya Kang Nawi. Seperti biasa, saya akan menyajikan artikel tentang hobi dan informasi.
Kali ini saya akan mengulas tentang modifikasi tema (sebelumnya dikenal sebagai template). Biarpun saya tidak jago edit html, tapi setidaknya saya memberi sesuatu yang saya tahu. Ok guys baru-baru ini team blogger merilis empat tema baru untuk blogger. Yaitu Contempo, Soho, Emporio dan Terkemuka.
Di banding tema sebelumnya, keempat tema di atas lebih bagus. Tapi beberapa fitur ada yang kurang pas menurut saya. Salah satunya ikon menu untuk menampilan sidebar. Namun jika kamu mencoba sedikit berkreasi, kamu bisa membuatnya lebih menarik.
Kali ini saya membahas cara menampilkan icon menu sidebar (Hamburger) di semua halaman dalam tema Contempo. Seperti kita tahu, ikon menu default (ikon menu Hamburger) akan terlihat saat kita ada di halaman beranda dan halaman label.
Tapi pada saat kita membuka halaman item atau halaman posting ikon tersebut akan berubah menjadi tombol panah kekiri (tombol kembali).
Nah ini yang menurut saya kurang pas. Kenapa? Rata-rata pengunjung blog lebih banyak menggunakan smartphone dibandingkan PC.
Memang benar tema contempo ini SEO friendly di layar smartphone. Tapi dengan perubahan ikon menu sidebar menjadi ikon tombol kembali kurang efisien. Karena para pengguna smartphone harus kembali ke menu beranda jika ingin melihat isi menu sidebar.
Dan keberadaan ikon ini pun akan menjadi seperti pajangan saja. Karena rata-rata mereka akan memilih tombol kembali yang ada di smartphone mereka daripada memilih ikon tersebut. Supaya ikon menu sidebar ini tampil disemua halaman bisa kita lakukan dengan sedikit trik.
Masuk ke dasbor blogger kamu.
Di sidebar kiri cari dan pilih tema lalu edit html, cari kode ini (tekan ctrl + f)
<b:if cond='data:view.isSingleItem'>
<a class='return_link' expr:href='data:blog.homepageUrl'>
<b:include data='{ button: true, iconClass: "back-button rtl-reversible-icon flat-icon-button ripple" }' name='backArrowIcon'/>
</a>
<b:else/>
<b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
</b:if >
Setelah ketemu, hapus atau replace dengan kode di bawah ini
<b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
Klik simpan. Ok guys, silahkan lihat blog kamu.
Sekarang ikon menu sidebar akan tampil di semua halaman.
Semoga bermanfaat.
Kali ini saya akan mengulas tentang modifikasi tema (sebelumnya dikenal sebagai template). Biarpun saya tidak jago edit html, tapi setidaknya saya memberi sesuatu yang saya tahu. Ok guys baru-baru ini team blogger merilis empat tema baru untuk blogger. Yaitu Contempo, Soho, Emporio dan Terkemuka.
Di banding tema sebelumnya, keempat tema di atas lebih bagus. Tapi beberapa fitur ada yang kurang pas menurut saya. Salah satunya ikon menu untuk menampilan sidebar. Namun jika kamu mencoba sedikit berkreasi, kamu bisa membuatnya lebih menarik.
Kali ini saya membahas cara menampilkan icon menu sidebar (Hamburger) di semua halaman dalam tema Contempo. Seperti kita tahu, ikon menu default (ikon menu Hamburger) akan terlihat saat kita ada di halaman beranda dan halaman label.
Tapi pada saat kita membuka halaman item atau halaman posting ikon tersebut akan berubah menjadi tombol panah kekiri (tombol kembali).
Nah ini yang menurut saya kurang pas. Kenapa? Rata-rata pengunjung blog lebih banyak menggunakan smartphone dibandingkan PC.
Memang benar tema contempo ini SEO friendly di layar smartphone. Tapi dengan perubahan ikon menu sidebar menjadi ikon tombol kembali kurang efisien. Karena para pengguna smartphone harus kembali ke menu beranda jika ingin melihat isi menu sidebar.
Dan keberadaan ikon ini pun akan menjadi seperti pajangan saja. Karena rata-rata mereka akan memilih tombol kembali yang ada di smartphone mereka daripada memilih ikon tersebut. Supaya ikon menu sidebar ini tampil disemua halaman bisa kita lakukan dengan sedikit trik.
Masuk ke dasbor blogger kamu.
Di sidebar kiri cari dan pilih tema lalu edit html, cari kode ini (tekan ctrl + f)
<b:if cond='data:view.isSingleItem'>
<a class='return_link' expr:href='data:blog.homepageUrl'>
<b:include data='{ button: true, iconClass: "back-button rtl-reversible-icon flat-icon-button ripple" }' name='backArrowIcon'/>
</a>
<b:else/>
<b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
</b:if >
Setelah ketemu, hapus atau replace dengan kode di bawah ini
<b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
Klik simpan. Ok guys, silahkan lihat blog kamu.
Sekarang ikon menu sidebar akan tampil di semua halaman.
Semoga bermanfaat.