Cara Membuat Kotak Pencarian Blogger 100% Valid AMP - NesiaNet

30 April 2025
Cari bagian <input ... atau <form, dan cari juga javascriptnya yang terkait dengan ini/search di dalam head

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML amp='' expr:lang='data:blog.locale'>
&lt;head&gt;
<meta expr:charset='data:blog.encoding'/>
<meta content='width=device-width' name='viewport'/>
<title><b:if cond='data:view.isSingleItem'><data:blog.pageName/> - <data:blog.title/><b:else/><data:blog.pageTitle/></b:if></title>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta expr:content='data:view.description + &quot; - &quot; + data:blog.pageTitle' name='description'/>
<script async='async' src='https://cdn.ampproject.org/v0.js'/>
<script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
<script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
<style amp-boilerplate=''/><noscript><style amp-boilerplate=''/></noscript>
<style amp-custom=''>
body{margin:0;background:#f9f9f9;font-family:sans-serif;line-height:1.6}a{color:#05B;text-decoration:none}.hd{font-size:1.25rem}.jd{font-size:1rem;color:#333}.fl{display:flex}.pc{margin:1.25rem 0;padding:1rem}.gb{text-align:center}.bg{background:#05B}.p1{color:#fff}.p2{background:#fff}.p0{width:100%;overflow-wrap:break-word}.ij{height:70px;width:auto}.ad-container{position:relative;width:100%;max-width:100vw;height:320px;overflow:hidden}.ad-container amp-ad{position:absolute;top:0;left:0;width:100%;height:100%}
</style>

<b:if cond='data:view.isError'><script>window.location.replace(&quot;<data:blog.canonicalHomepageUrl/>&quot;);</script><b:skin><![CDATA[]]></b:skin></b:if>
&lt;/head&gt;&lt;!--<head/>--&gt;
  <body>


<amp-auto-ads data-ad-client='ca-pub-9881622081555157' type='adsense'>
</amp-auto-ads>


    
    
    <div class='ad-container'>
    <amp-ad data-ad-client='ca-pub-9881622081555157' data-ad-slot='5328770723' data-auto-format='rspv' data-full-width='' height='320' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>
    </div>

    <div class='top pc p2'>       
        <div class='ttl gb'>
<h1 class='hd'><b:if cond='data:view.isSingleItem'><data:blog.pageName/> - <data:blog.title/><b:else/><a expr:href='data:view.url.canonical'><data:blog.pageTitle/></a></b:if></h1>
 <form action='/search' target='_top'>
                <input class='pc' name='q' placeholder='Cari posisi atau perusahaan...' required='' type='text'/>
                <button class='pc bg gb' type='submit'>🔍</button>
              </form>
        </div>
        </div>
    
<div class='ad-container'>
<amp-ad data-ad-client='ca-pub-9881622081555157' data-ad-slot='4419971590' data-auto-format='rspv' data-full-width='' height='320' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>
    </div>
    
<b:if cond='!data:view.isHomepage'>    
     <div class='tombol pc gb'>
  <a class='bg pc gb p1' expr:href='data:blog.canonicalHomepageUrl'>Kembali ke Awal</a>
        </div>  
    </b:if>

 <b:section id='blog'>
   <b:widget id='Blog1' locked='false' title='Postingan Blog' type='Blog' version='1'>
     <b:widget-settings>
       <b:widget-setting name='showDateHeader'>false</b:widget-setting>
       <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
       <b:widget-setting name='showShareButtons'>false</b:widget-setting>
       <b:widget-setting name='authorLabel'>By</b:widget-setting>
       <b:widget-setting name='showCommentLink'>false</b:widget-setting>
       <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
       <b:widget-setting name='showAuthor'>false</b:widget-setting>
       <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
       <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
       <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
       <b:widget-setting name='reactionsLabel'/>
       <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
       <b:widget-setting name='style.layout'>1x1</b:widget-setting>
       <b:widget-setting name='showLabels'>false</b:widget-setting>
       <b:widget-setting name='showLocation'>false</b:widget-setting>
       <b:widget-setting name='showTimestamp'>true</b:widget-setting>
       <b:widget-setting name='postsPerAd'>1</b:widget-setting>
       <b:widget-setting name='showBacklinks'>false</b:widget-setting>
       <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
       <b:widget-setting name='showInlineAds'>false</b:widget-setting>
       <b:widget-setting name='showReactions'>false</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>

      <b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<div class='pc p2'>
            <div class='p0'>
<data:post.body/>
            </div>
           </div>  
 </b:loop>
  </b:if>

<b:if cond='!data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
         <div class='fl pc p2'>
            <div class='p0'>
              <a expr:href='data:post.url.canonical'><h2 class='jd'><data:post.title/></h2></a>
            </div>
            <img class='ij' decoding='async' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' loading='lazy'/>
        </div>
  </b:loop>    
      </b:if>      
      
        <div class='tombol pc gb'>
<b:if cond='data:newerPageUrl'>
            <a class='bg pc gb p1' expr:href='data:newerPageUrl'>&#8592; Lebih Baru</a>
          </b:if>
<b:if cond='data:olderPageUrl'>
            <a class='bg pc gb p1' expr:href='data:olderPageUrl'>Lainnya &#8594;</a>
          </b:if>
        </div>    


<div class='ad-container'>
<amp-ad data-ad-client='ca-pub-9881622081555157' data-ad-slot='7763362378' data-auto-format='rspv' data-full-width='' height='320' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>
       </div>
      
</b:includable>
     <b:includable id='backlinkDeleteIcon' var='backlink'/>
     <b:includable id='backlinks' var='post'/>
     <b:includable id='breadcrumb' var='posts'/>
     <b:includable id='comment-form' var='post'/>
     <b:includable id='commentDeleteIcon' var='comment'/>
     <b:includable id='comment_count_picker' var='post'/>
     <b:includable id='comment_picker' var='post'/>
     <b:includable id='comments' var='post'/>
     <b:includable id='feedLinks'/>
     <b:includable id='feedLinksBody' var='links'/>
     <b:includable id='iframe_comments' var='post'/>
     <b:includable id='mobile-index-post' var='post'/>
     <b:includable id='mobile-main' var='top'/>
     <b:includable id='mobile-nextprev'/>
     <b:includable id='mobile-post' var='post'/>
     <b:includable id='nextprev'/>
     <b:includable id='post' var='post'/>
     <b:includable id='postQuickEdit' var='post'/>
     <b:includable id='shareButtons' var='post'/>
     <b:includable id='status-message'/>
     <b:includable id='threaded-comment-form' var='post'/>
     <b:includable id='threaded_comment_js' var='post'/>
     <b:includable id='threaded_comments' var='post'/>
   </b:widget>
 </b:section>
&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>