Skip to main content
KOMPI AJAIB

follow us

Mengatasi Invalid URL protocol http: for attribute action in tag FORM Search Box

Baca juga:

Error AMP Invalid URL protocol 'http:' for attribute 'action' in tag 'FORM [method=GET]' ini biasanya terjadi pada blog AMP yang menggunakan custom domain karena custom domain di Blogger belum bisa menggunakan HTTPS.

Sebenarnya mengatasi error pada AMP-FORM search box Blogger non HTTPS ini sudah saya bahas sebelumnya dan juga saya sudah memposting cara mudah membuat search box valid AMP.

Namun kini saya menemukan bahwa sekarang kita bisa tetap menggunakan sistem search Blogger pada blog AMP yang menggunakan custom domain.

Perhatikan contoh di bawah ini, saya mengambil contoh FORM dari search box bawaan Blogger yang ditambahkan dari Tata Letak seperti berikut (saya ambil potongan kodenya untuk form saja).


        <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
            <tbody>
              <tr>
                <td class='gsc-input'>
                  <input autocomplete='off' class='gsc-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='gsc-search-button'>
                  <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
                </td>
              </tr>
            </tbody>
          </table>
        </form>

Perhatikan kode expr:action='data:blog.searchUrl' dengan kod itu akan menghasilkan kode seperti ini http://www.domianAnda.com/search hal itu akan membuat error AMP seperti berikut:



Nah untuk mengatasinya silahkan ganti kode expr:action='data:blog.searchUrl' menjadi action='//www.domainAnda.com/search (tanpa http: di depan url).

Hal ini juga berlaku untuk custom search box (search box bukan bawaan Blogger).

You Might Also Like:


Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar