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

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).

Reactions:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser