Cara Menghilangkan Judul "Cari Blog Ini" di Template Blogspot Landing Page Builder 3.1.1

Cara menghapus judul Cari Blog Ini di widget pencarian Blogger untuk tampilan lebih bersih di template Landing Page Builder 3.1.1

Bagi kamu yang menggunakan template Blogspot Landing Page Builder 3.1.1, tampilan bersih dan minimalis sangat penting untuk menjaga pengalaman pengunjung tetap nyaman. Salah satu elemen yang seringkali terlihat mengganggu adalah judul “Cari Blog Ini” yang muncul otomatis di atas kolom pencarian.

Jika kamu ingin menampilkan hanya kolom pencarian tanpa judul tersebut, berikut panduan lengkapnya:

Masalah Umum: Judul Widget Tidak Sesuai Tampilan Landing Page

Secara default, kode widget pencarian di Blogger akan menampilkan judul seperti ini:

<b:include name='widget-title'/>

Yang menyebabkan tampilan seperti:

Cari Blog Ini
[🔍 Kolom pencarian]

Untuk desain seperti Landing Page, teks ini seringkali terasa tidak perlu dan membuat tampilan menjadi kurang rapi.

Langkah-Langkah Menghapus Judul Widget Pencarian

  1. Masuk ke Blogger → Tema → Edit HTML
  2. Cari bagian kode widget pencarian, biasanya dimulai dengan:
<b:widget id='BlogSearch1' ... type='BlogSearch' ...>
  1. Temukan dan hapus atau komentari baris berikut:
<!-- <b:include name='widget-title'/> -->

Dengan begitu, Blogger tidak akan menampilkan judul widget tersebut.

Contoh Kode Widget Pencarian Tanpa Judul:

<b:widget id='BlogSearch1' locked='false' title='Cari Blog Ini' type='BlogSearch' visible='true'>
  <b:includable id='main'>
    <!-- Judul dihapus -->
    <b:include name='content'/>
  </b:includable>

  <b:includable id='content'>
    <div class='widget-content' role='search'>
      <b:include name='searchForm'/>
    </div>
  </b:includable>

  <b:includable id='searchForm'>
    <form expr:action='data:blog.searchUrl'>
      <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
      <b:include name='urlParamsAsFormInput'/>
      <div class='search-input'>
        <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q'/>
      </div>
      <b:include name='searchSubmit'/>
    </form>
  </b:includable>

  <b:includable id='searchSubmit'>
    <input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>
  </b:includable>
</b:widget>

Hasil yang Didapat

Setelah langkah ini, widget pencarian kamu akan menampilkan hanya kolom pencarian, tanpa teks "Cari Blog Ini" di atasnya — cocok untuk desain clean ala landing page.

Tips Tambahan

  • Kamu bisa mengganti placeholder input agar lebih personal, seperti "Cari promo, artikel, atau produk di sini..."
  • Tambahkan ikon pencarian menggunakan FontAwesome jika ingin lebih stylish
  • Gunakan CSS agar kolom pencarian menyatu dengan tema

Penutup

Menghilangkan judul widget pencarian adalah langkah kecil namun berdampak besar untuk menjaga konsistensi desain di template Landing Page Builder 3.1.1. Dengan tampilan yang lebih bersih, pengunjung pun akan lebih nyaman menelusuri konten di blog kamu.

Selamat mencoba! Jika kamu butuh bantuan untuk bagian desain lainnya di template ini, saya siap bantu.



Mau donasi lewat mana?

Merasa terbantu dengan artikel ini? Ayo balas dengan donasi. Tekan tombol merah
© ARMAILA BLOGGING. All rights reserved. Developed by Saifullah.id