Mengganti Search Box Template Igniplex Mengarah Ke Google Search

Diposting pada

Mengganti Search Box Template Igniplex Mengarah Ke Google Search

Mengganti Search Box Template Igniplex Mengarah Ke Google Search – Pada umum nya setiap template mempunyai Search Box atau biasa kita sebut dengan kotak pencarian, untuk mempermudah bagi pengunjung untuk menemukan artikel yang mereka cari dengan cepat. Begitu pula dengan template Igniplex.

Search Box yang ada pada template Igniplex pada umum nya sama seperti template yang lain nya, dimana saat kita mengetik suatu kalimat yang akan kita cari, kita akan memasuki halaman pencarian yang masih tetap berada pada halaman blog kita.

Dan beda hal nya dengan tutorial yang akan saya bagikan kali ini yaitu Cara Mengganti Search Box Template Igniplex Mengarah Ke Google Search. Jadi bila pengunjung mencari suatu artikel dengan menggunakan Search box yang sudah tersedia, hasil yang dia cari akan mengarah ke google pencarian terlebih dahulu.

Sampai disini semoga Anda mengerti maksud dari kata kata di atas, tentu nya Anda pasti sudah tau dan pernah melihat pada blog-blog yang sudah menggunakan tutorial semacam ini. Tapi di tutorial ini saya buat untuk Anda yang menggunakan Template Igniplex Premium v2. Dan bagi Anda yang ingin mencoba nya, silahkan Anda ikuti langkah-langkah nya sebagai berikut.

Baca Juga: Membuat Search Box Di Template Kompi Flexible Mengarah Ke Google Search

Mengganti Search Box Template Igniplex Mengarah Ke Google Search

1. Silahkan buka blogger Anda, lalu klik Tema -> Edit HTML

2. Silahkan Anda cari kode <div class=”igniplexSearch”> Agar lebih mudah klik CTRL+F dan masukan kode tersebut lalu klik Enter.

3. Setelah Anda sudah menemukan kode tersebut, silahkan Anda Hapus kode ini

<form action='/search' class='search' method='get'>
              <input class='check' id='igniplexSearch' type='checkbox'/>
              <input class='input' name='q' placeholder='Type and enter' type='text'/>
              <label class='icon' for='igniplexSearch'>
                <svg viewBox='0 0 24 24' class='open'><path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/></svg> <svg viewBox='0 0 24 24' class='close'><path d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/></svg>
              </label>
            </form>

Lihat contoh gambar dibawah ini

4. Setelah itu masukan kode dibawah ini dan letakan kode tersebut tepat dibawah kode <div class=”igniplexSearch”>

 <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<link expr:href='data:blog.homepageUrl' itemprop='url'/>
<form action='https://www.google.com/search' class='search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<meta content='https://cop4sberita.blogspot.com/search?q={q}' itemprop='target'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>            
              <input class='check' id='igniplexSearch' type='checkbox'/>
              <input class='input' name='q' placeholder='Type and enter' type='text'/>
<input expr:value='data:blog.homepageUrl' name='as_sitesearch' type='hidden'/>
              <label class='icon' for='igniplexSearch'>
                <svg class='open' viewBox='0 0 24 24'><path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/></svg> <svg class='close' viewBox='0 0 24 24'><path d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/></svg>
              </label>
            </form>
           </div>

5. Ganti https://cop4sberita.blogspot.com dengan nama blog Anda masing-masing.

6. Klik Simpan Tema dan lihat hasil nya.

Harap backup terlebih dahulu template Anda sebelum melakukan tutorial di atas. Untuk menjaga sesuatu yang tidak kita ingin kan.

Itulah Cara Mengganti Search Box Template Igniplex Mengarah Ke Google Search yang bisa Anda coba pada template premium igniplex yang Anda gunakan. Bila ada pertanyaan menyangkut isi dari artikel ini, silahkan tinggalkan komentar Anda dibawah. Jangan lupa untuk bagikan artikel ini ke teman-teman Anda di social media.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *