Mengatasi Masalah ERROR pada Search Form di Blog AMP.

PASBLOGZ

PASBLOGZ merupakan sebuah blog yang terdapat banyak ilmu pengetahuan yang bermanfaat

Saya menulis artikel ini karena saya ingin berbagi pengalaman dan ilmu yang saya dapat dan semoga bermanfaat.

Mengatasi Masalah ERROR pada Search Form di Blog AMP.

Jika kita melihat gambar diatas sebagai informasi ERROR AMP Invalid URL protocol 'http:' for attribute 'action' in tag 'FORM [method=GET]' tentu kita bisa langsung menebak jika ERROR ini terjadi pada blog AMP. Dan pada umumnya terjadi pada Blog AMP yang tidak menggunakan jenis URL HTTPS:// atau custom domain yang hanya menggunakan jenis URL http://NAMA-BLOG.COM.

Cara Mengatasi Error AMP Invalid URL protocol 'http:' for attribute 'action' in tag 'FORM [method=GET]'

1. Masuk akun Blogger Sobat

2. Pada Dashboard >> Theme ( Tema ) >> Edit HTML

3. Kemudian cari kode HTML yang berkaitan dengan Search Form, karena tidak semua template memiliki kesamaan kode HTML paling tidak kode expr:action='data:blog.searchUrl standart disemua template AMP.Silahkan dicari dengan menggunakan Ctrl+F untuk mempercepat pencarian kodenya.

<form class='search-box' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<table cellpadding='0' cellspacing='0' class='search-box'>
<tbody>
<tr>
<td class='input'>
<input autocomplete='off' class='input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' placeholder='Search' required='' size='10' title='search' type='text'/>
</td>
<input name='max-results' type='hidden' value='7'/>
<td class='search-button'>
<input class='search-button' expr:value='data:messages.search' title='search' type='submit'/>
</td>
</tr>
</tbody>
</table>
</form>

4. Jika sudah ketemu silahkan ganti kode expr:action='data:blog.searchUrl dengan action='//www.nama-domain-Anda.com/search (tanpa http: di depan url). atau menjadi seperti dibawah ini :

<form class='search-box' expr:action='//www.nama-domain-Anda.com/search'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<table cellpadding='0' cellspacing='0' class='search-box'>
<tbody>
<tr>
<td class='input'>
<input autocomplete='off' class='input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' placeholder='Search' required='' size='10' title='search' type='text'/>
</td>
<input name='max-results' type='hidden' value='7'/>
<td class='search-button'>
<input class='search-button' expr:value='data:messages.search' title='search' type='submit'/>
</td>
</tr>
</tbody>
</table>
</form>

5. Setelah itu Save template...Selesai

Demikian tutorial Cara Mengatasi Error AMP Invalid URL protocol 'http:' for attribute 'action' in tag 'FORM [method=GET]' pada Blog AMP. Semoga bermanfaat..

PASBLOGZ