Solusi Mudah Untuk Search Box Blog AMP HTML

Sebenarnya untuk membuat search box yang valid AMP sudah saya uraikan pada postingan sebelumnya. Namun tidak semua Blogger bisa mengikuti trik tersebut, dan akhirnya saya menemukan trik mudah sebagai solusi mudah untuk search box blog AMP HTML.

Trik ini memanfaatkan Google Search pada form search blog dan tentunya valid AMP HTML. Namun syaratnya semua postingan blog sudah terindex oleh Google Search.

Sebagai contoh, silahkan coba search box Kompi Ajaib sederhana di bawah ini, coba dengan keyword "AMP HTML" (tanpa tanda kutip).


Nah, jika Anda ingin menggunakannya juga, silahkan gunakan kode form search box di bawah ini.


<form action="//www.google.com/search" method="get" target="_blank" novalidate="">
  <input class="query" name="q" type="text">
  <input name="as_sitesearch" type="hidden" value="www.kompiajaib.com">
  <button type="submit">Search</button>
</form>

Silahkan ganti www.kompiajaib.com dengan domain blog Anda.

Untuk tampilan search box itu sendiri, silahkan sesuaikan dengan style Anda sendiri atau style search box template blog Anda.

Namun tentunya search box ini tidak hanya dapat digunakan pada blog AMP HTML saja, namun juga dapat digunakan pada blog non AMP.

Reactions:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser