Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Agar Tombol Menu Tetap Di Semua Jenis Postingan Halaman Template Contempo Dan Soho

menu bar
menu
bloger telah merilis beberapa tema template terbaru untuk blogspot, diantaranya contempo, soho dan notable. tema bawaan blogger tersebut belom tentu sepenuhnya sesuai dengan keinginan pengguna blogger sendiri.

Tombol menu hamburger pada Template Contempo Dan Soho  tidak muncul di semua jenis halaman atau postingan. Tombol menu hanya muncul pada beranda atau home blog sedangkan di postingan blog, tombol menu hamburger akan muncul sebagai tombol kembali dalam bentuk panah yang menunjuk ke kiri.

Tombol menu hamburger contempo dan soho di home

di postingan blog (selain di home) berubah menjadi tombol kembali
tombol menu yang hanya muncul di beranda atau home tentu akan membuat pengunjung yang telah membuka suatu halaman postingan harus kembali terlebih dahulu supaya bisa melihat menu side bar blog tersebut. dan ini bagi sebagian orang dianggap kurang efisien.

lalu bagaimana caranya supaya tombol menu side navigasi di theme contempo dan soho tetap dan tidak berubah  walaupun di postingan halaman blog?

1.  sign in/ masuk ke blogger.com kemudian pilih theme dan edit html


2. cari kode berikut di bawah ini, untuk mempercepat pencarian gunakan CTRL+F

  • Cari di html tema Contempo kode Berikut:

<b:if cond='data:view.isSingleItem'>
  <a class='return_link' expr:href='data:blog.homepageUrl'>
    <b:include data='{ button: true, iconClass: &quot;back-button rtl-reversible-icon flat-icon-button ripple&quot; }' name='backArrowIcon'/>
  </a>
<b:else/>
  <b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>
</b:if >

  • Cari di html tema soho kode Berikut:

<b:if cond='data:view.isPost'>
  <div class='back-button-container'>
   <a expr:href='data:blog.homepageUrl'>
   <b:include data='{ iconClass: &quot;touch-icon back-button rtl-reversible-icon&quot; }' name='backArrowIcon'/>
   </a>
  </div>
<b:else/>
 <div class='hamburger-menu-container'>
   <b:include data='{ iconClass: &quot;touch-icon hamburger-menu&quot; }' name='menuIcon'/>
 </div>
</b:if>

catatan: ketika menggunakan ctrl+f untuk pencarian, copy pastekan hanya beberapa kata saja jangan semuanya, misalnya <b:if cond='data:view.isPost'>. dan apabila ingin melakukan perubahan html tema blog, ada baiknya menyimpan terlebih dahulu tema yang asli.

3. hapus kode di atas dan paste-kan kode berikut:

  • kode untuk Contempo:

<b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>

  • kode untuk Soho:

<div class='hamburger-menu-container'>
   <b:include data='{ iconClass: &quot;touch-icon hamburger-menu&quot; }' name='menuIcon'/>
</div>

4. save theme

untuk demo theme contempo >>>lihat disini<<<

untuk demo theme soho bisa dilihat di blog ini

demikian cara agar tombol menu side navigasi di tema contempo dan soho tetap dan tidak berubah  walaupun di postingan halaman blog.

Posting Komentar untuk "Cara Agar Tombol Menu Tetap Di Semua Jenis Postingan Halaman Template Contempo Dan Soho"

data-ad-format="auto">
data-ad-format="auto">

Berlangganan via Email