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
- Masuk ke Blogger → Tema → Edit HTML
- Cari bagian kode widget pencarian, biasanya dimulai dengan:
<b:widget id='BlogSearch1' ... type='BlogSearch' ...>
- 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.