The AMP format is supported by multiple platforms, including Google Search. If the page listed in Google search results has a valid AMP version, Search may direct the mobile user to the cached AMP.
Goomsite template blogger is already valid AMP HTML, as recommended by google at this time. Goomsite is a blogger template that has been valid AMP HTML with modern Bussines display style so that the look of this template looks professional.
As for how to set this Goomsite template for valid AMP HTML, you can see below
SETTING
Logo
https://3.bp.blogspot.com/-mCkshSzVvz8/WZkfRMnuaHI/AAAAAAAAAck/6VblpletOKY2BWK7m_opmPTWzTX-q9XYwCLcBGAs/s1600/ddd.png
Locate the logo Url on edit html, then replace it with blog blog url. Recommended blog logo width: 395px height: 75px
Top MENU
<div id='amp-nav' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<label class='amp-go' for='amp-go'><i class='material-icons'></i></label>
<input autocomplete='off' id='amp-go' role='button' type='checkbox'/>
<ul id='amp-gooms'>
<li><a href='#' title='Free Template'><i class='material-icons'></i> Free Template</a></li>
<li><a href='#' title='Premium Template'><i class='material-icons'></i> Premium Template</a></li>
<li class='payment'><a href='#' title='Payment'><i class='material-icons'></i> Payment</a></li>
</ul>
</div>
</div>
Replace # with destination URL
Primary Menu
<nav id='amp-goom' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<input type='checkbox'/>
<label></label>
<ul>
<li><a class='ai' href='#'>Browser</a>
<ul class='amp-gooms'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Payment</a></li>
<li><a href='#'>Advertise</a></li>
</ul>
</li>
</ul>
</nav>
Replace # with destination URL
SLIDER
<div id='spotslide'>
<amp-carousel height='350' layout='fixed-height' type='slides'>
<div class='textslide'>
<span>Situs penyedia template gratis & premium</span>
<p>Goomsite menyediakan template gartis / premium sesuai dengan selera Anda</p>
<ul class='button'>
<li><a class='amp-button' href='#' target='_blank'>Template</a></li>
</ul>
</div>
<div class='textslide'>
<span>Accelerated Mobile Pages (AMP) HTML</span>
<p>AMP HTML atau Accelerated Mobile Pages HTML <br/>adalah struktur yang meminimalisir penggunaan JavaScript, CSS dan HTML </p>
<ul class='button'>
<li><a class='amp-button' href='https://www.ampproject.org/' rel='nofollow' target='_blank'>AMP HTML</a></li>
</ul>
</div>
<div class='textslide'>
<span>Metode Pembayaran Template Premium</span>
<p>Lakukan pembayaran melalui akun </p>
<ul class='button'>
<li><a class='amp-button' href='#' target='_blank'>Order</a></li>
</ul>
</div>
</amp-carousel>
</div>
Replace # with destination URL
Post Image Parallax
<noscript><img alt="Lovinet" height="459" src="https://3.bp.blogspot.com/-cY4pBfilY3c/WSk8h3u1e_I/AAAAAAAACB4/uwx5aiAOiSINdX1Qwa9NlvxXkPo8lRVqwCLcB/s1600/Lovinet.jpg" title="Lovinet" width="790" /></noscript>
Change image url to publish and height = "459" and width = "790" size adjust to original size
Post Image Advanced
<amp-img alt="AMP HTML" height="300" layout="responsive" src="https://4.bp.blogspot.com/-EyPxNdd-5Mg/V9oqDTiC2nI/AAAAAAAAGLM/4UxCZ3GrwB06xhnG6O1o23JhK_CZEV9ngCLcB/s1600/Kota%2BDengan%2BPenghasil%2BWanita%2BCantik%2BTerbanyak%2BDi%2BDunia.jpg" width="430"></amp-img>
Change image url to publish and height = "300" and width = "430" size adjust to original size
Table Post Statis
<div class="purchase-wrapper">
<h3>
Table Post Statis</h3>
<div class="purchase_desc">
Pembayaran
<br />
Konfirmasi pembelian Anda dengan sms ke nomor 081241105658 atau FB https://fb.com/bmatindas dan atau di Email basrym@gmail.com</div>
</div>
Please replace the text in it
Advertise
Because inside the template already contain adsense code, please see the settings below
Please search data-ad-client = "ca-pub-xxxxxxxxxx" and (data-ad-slot = "xxxxx") then replace with each client code and your adsense slot data
To facilitate the search please find the code
Notice
BECAUSE IN TEMPLATE CONTAINED 2 AD SLOTS, THEN PLEASE REMOVE ONE OF THE AD SLOTS THAT WILL BE APPEARED
Please search data-ad-client = "ca-pub-xxxxxxxxxx" and (data-ad-slot = "xxxxx") then replace with each client code and your adsense slot data
To facilitate the search please find the code
<!--HAPUS IKLAN INI JIKA MEMASANG SELAIN ADSENSE -->
Notice
BECAUSE IN TEMPLATE CONTAINED 2 AD SLOTS, THEN PLEASE REMOVE ONE OF THE AD SLOTS THAT WILL BE APPEARED
Comment Disqus
Please find this Disqus code, inside there is my username Disqus ie 'goomsite' please replace with your username Disqus
<amp-iframe expr:src='"https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=goomsite&url=" + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
</amp-iframe>
Subscribe
Please find this subscribe code
Please replace my feedburner ID in mark with your google feedburner ID
<div class='emailfield'>
<form action='//feedburner.google.com/fb/a/mailverify' target='_blank'>
<input name='name' placeholder='First name' title='First name' type='text'/>
<input name='email' placeholder='Email *' title='Email' type='text'/>
<input name='uri' type='hidden' value='goomsite/cWaD'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/>
</form>
</div>
Please replace my feedburner ID in mark with your google feedburner ID
Menu Bottom
<div class='amp-goo'><ul>
<li><a class='ampb' href='#' target='_blank' title='About'>About</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
<li><a href='#' title='Privacy'>Privacy</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Advertise'>Advertise</a></li>
<li><a href='#' target='_blank' title='Sitemap'>Sitemaps</a></li>
</ul></div>
Replace # with destination URL
Social footer
<div class='amp-soc'>
<a class='fbgoo icon' href='#' rel='nofollow' target='_blank' title='Facebook'></a>
<a class='twitgoo icon' href='#' rel='nofollow' target='_blank' title='Twitter'></a>
<a class='gplusgoo icon' href='#' rel='nofollow' target='_blank' title='Google +'></a>
<a class='linkgoo icon' href='#' rel='nofollow' target='_blank' title='Linkedin'></a>
<a class='pintgoo icon' href='#' rel='nofollow' target='_blank' title='pinterest'></a>
</div>
Replace # with destination URL
Sidebar fanspage Facebook
<amp-iframe width="300"
height="214"
sandbox="allow-scripts allow-same-origin allow-popups"
frameborder="0"
scrolling="no"
src="https://cdn.rawgit.com/basrimedia/media/d822862b/goomlike.html?page=goomsite">
</amp-iframe>
Please replace my fanpage username (goomsite) with your fanspage
WIDGET
If you add a new widget, note h2 and quickedit
Notice
Change to h3 as below
And code
Please deleted
<b:widget id='HTML5' locked='false' title='New Title' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Notice
<h2 class='title'><data:title/></h2>
Change to h3 as below
<h3 class='title'><data:title/></h3>
And code
<b:include name='quickedit'/>
Please deleted
