Documentation aMP

Munna    November 19, 2019    Template    Comment   

Also Read

Ini adalah Documentation template Amp untuk user nikami

Menu Navigasi

Silahkan buka Blogger > Tema > Klik Edit HTML
Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda

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

Slider Halaman Depan

Silahkan Di sesuaikan :

<div class='info-box'>
<div id='spotslide'>
<amp-carousel height='350' layout='fixed-height' type='slides'>
<div class='textslide'>
<span>Situs penyedia template gratis &amp; premium</span>
<p>Goomsite menyediakan template gartis / premium sesuai dengan selera Anda</p>
<ul class='button'>
<li><a class='amp-button' href='https://www.goomsite.top/search/label/Template' 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='/p/payment.html' target='_blank'>Order</a></li>
</ul>
</div>
</amp-carousel>
</div>
</div>

Menu 2

Silahkan buka Blogger > Tema > Klik Edit HTML
Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda

<nav id='amp-goom' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<input type='checkbox'/>
<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>

Pos ADS 

Sesuaikan

<div class='post'>
<div id='postads'>
<a href='https://stressthinking.blogspot.com/' target='_blank' title='336x250'><amp-img alt='Advertise' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0kszyHhedfEb69dzJ4xgp5WyJT71PclfetbAbqCsXwHIBeqI8HePH4y0S34hlcXPl3-SB12ln7OerWFhp_SGzONZoVZfh42vmF2N3982OQnQVw14Z2wnS2e5HnMUfuzDzu8gvgHj01MN/s1600/336.jpg' width='336'/></a>
<span class='title-ads'>Advertisement</span>
<span class='description-ads'>Goomsite merupakan situs penyedia template gratis dan juga premium. Situs kami juga menyajikan tutorial blog serta...</span>
</div></div>

META SEO

Ganti XXXXXXXXXXXXXXXX dan Sesuaikan

<link href='https://plus.google.com/XXXXXXXXXXXXXXXX' rel='me'/>
<link href='https://plus.google.com/XXXXXXXXXXXXXXXX' rel='publisher'/>
<meta content='XXXXXXXXXXXXXXXX' name='google-site-verification'/>
<meta content='XXXXXXXXXXXXXXXX' name='msvalidate.01'/>
<meta content='XXXXXXXXXXXXXXXX' property='fb:admins'/>
<meta content='XXXXXXXXXXXXXXXX' property='fb:profile_id'/>
<meta content='XXXXXXXXXXXXXXXX' name='Author'/>
<meta content='https://www.facebook.com/XXXXXXXXXXXXXXXX' property='article:author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@bmatindas' name='twitter:creator'/>
<!-- Bar theme color -->

LOGO SITE
Ganti link saya tandai dengan link logo kamu

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB07vnHfwfY25KzOhOuR1AOIzMCONKEA4DFj1EQtSHnmssQlkVuld6qVXAUjPaS4G7_TdePisdi31zOtin9hW2V8QsmmJMN2OWTIZOxPNh21GqiF1hxAyicU1fXvUKuDWe8Kuz1xvgkv0n/s1600/Course+template+ava.png' property='og:image'/>

POSTING GAMBAR UTAMA
di sesuaikan saja

<noscript><img alt="TITLE ATAU JUDUL" height="422" src="URL-GAMBAR" title="TITLE ATAU JUDUL" width="700"></noscript>

BUTTON Demo Download

Button 1

<br />
<div class="center">
<a class="btn btn-primary btn-lg" href="http://www.goomsite.net/" target="_blank" title="Demo">DEMO LTR</a> - <a class="btn btn-primary btn-lg" href="http://www.goomsite.net/" target="_blank" title="Demo">DWONLOAD</a></div>
<br />

Button 2

<div id="wrap">
<a class="btn-slide" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=7N8ZWQMF8Q7BL" target="_blank">
  <span class="circle"></span>
  <span class="title">Pay Using Paypal</span>
  <span class="et">$11.25</span>
</a>
<a class="btn-slide2" href="http://www.goomsite.net/p/payment.html" target="_blank">
  <span class="circle2"></span>
  <span class="title2">Transfer Bank</span>
  <span class="et">150K</span>
</a>
</div>
<br />

Disqus Komentar
Cari dan ganti id Disqus : metaltailaco dengan id Diskus Kamu

<b:includable id='comments' var='post'>
<div class='comments'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=metaltailaco&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>
</b:if>
</div></b:includable>

Kemungkinan masih banya yag belum saya bahas  silahkan sesuaikan saja Trimakasih