Solusi Mudah Untuk Search Box Blog AMP HTML

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 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.nama.com">

  <button type="submit">Search</button>

</form>


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.