Documentation

Thanks for purchasing the AMP HTML Goomsite template, Maybe some do not understand what is meant by AMP HTML? Accelerated Mobile Pages (AMP) are web pages designed based on open source specifications. The AMP page of validation results is stored in Google's AMP cache, which makes it faster to serve.

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

1https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4hJ65R9tBfdqIMxCRAe9aatoyOtb2yVwG_0H-gGpPt0zv6TP9z3TdDk9WOSJ-Guz8207437gvqYG6Q90BNczqL9_59osq8E6w2SV7wejBHCFpo_Sx13jmuH-KJxKWGVWP7uuZDeYVQtu3/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

1<div id='amp-nav' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<label class='amp-go' for='amp-go'><i class='material-icons'>&#58311;</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'>&#59518;</i> Free Template</a></li>
<li><a href='#' title='Premium Template'><i class='material-icons'>&#59517;</i> Premium Template</a></li>
<li class='payment'><a href='#' title='Payment'><i class='material-icons'>&#59596;</i> Payment</a></li>
</ul>
</div>
</div>

Replace # with destination URL

Primary Menu

1<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

1<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

1<noscript><img alt="Lovinet" height="459" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuTKH7pPa2dHDMsv9ZYIWEyh4o8KvjUFIIAoPggpF4LQuoxAeb-SKalHYZuIe2mdDU7HMzYEOAM7xU59PKyAMMXORvJdqOY3yeHzK-bLWFMJu6lcSJTMUj-IyZ4IUtGCAzRjpd2rWLMMo0/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

1<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

1<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

1<!--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

1<amp-iframe expr:src='&quot;https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=goomsite&amp;url=&quot; + 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>

Please find this subscribe code

1<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

1<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

ID FACEBOOK

1100003793780919

Search all Facebook IDs above then replace with your facebook ID

Social footer

1<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

1<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

1  <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 != &quot;&quot;'>
   <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>