Tuesday, March 14, 2017

Template Blog AMP Simple Satu Kolom

Template Blog AMP Simple Satu Kolom. Gratis. Free Download.

SETELAH
berbagi template blogger SEMI AMP, kali ini CB berbagi link download template blogger FULL AMP (Valid AMP), benar-benar full Accelerated Mobile Pages (AMP) Based Blogger Template.

Namanya Betapress AMP Blogger Template. Gratis download. Ada juga versi premiumnya. Ini penampakan serta link demo dan downloadnya.

Template Blog AMP Simple Satu Kolom


Betapress AMP adalah tema atau template yang paling tercepat (fast loading). Fitur terbaik dari betapress adalah bahwa waktu loading dari tema ini adalah kurang dari satu detik.

SEO Tema Blog AMP ini benar-benar dioptimalkan dengan data terstruktur yang sempurna. Tidak ada javascripts yang digunakan dalam membuat template AMP ini.

Features:
  • Features Of Betapress AMP Blogger Template
  • Theme eligible for AMP search
  • Valid Schema, Seo optimized
  • Load Disqus comments opt
  • Social & whatsapp sharing
  • Fully Responsive Theme
  • 3 colum footer area

VIDEO PANDUAN INSTALL & SETTING


Template Blog AMP Simple Satu Kolom ini, juga template AMP lainnya, tidak disarankan untuk blogger pemula (newbie). Soalnya, cara postingnya beda dengan cara posting di template blogger biasa, terutama soal upload atau memasukkan gambar.

Bagaimana menang cara posting di template blog AMP? Silakan simak, sebagaimana panduan dari Kompi AMP Blogger Template.

Cara Memasukkan Foto & Video di Postingan di Blog AMP

1. Untuk thumbnail image, Anda harus gunakan kode berikut ini:

<div class="thumb-post">
<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQZNoayB9llLfXSrNNTizBx5L0BB-3q9sgKOdfMsnvkGmFhpZW_gHYnSs0sleBzpVdkt72YLxD3APRr9KVZq94lByapFkPkU_Mbc9o9ONmsz-ONvXqxjchL6ISJN25jmSiDgRtXnGn0E/s1600/4.jpg" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>

2. Untuk menyisipkan gambar lainnya yang tampil dalam postingan, gunakan kode ini:

<amp-img
      alt="Curabitur placerat est sem"
      height="350"
      layout="responsive"
      on="tap:lightbox1"
      role="button"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQZNoayB9llLfXSrNNTizBx5L0BB-3q9sgKOdfMsnvkGmFhpZW_gHYnSs0sleBzpVdkt72YLxD3APRr9KVZq94lByapFkPkU_Mbc9o9ONmsz-ONvXqxjchL6ISJN25jmSiDgRtXnGn0E/s1600/4.jpg"
      tabindex="0"
      width="650"></amp-img>

3. Untuk menyisipkan video Youtube, gunakan kode ini:

<amp-youtube
     data-videoid="ID VIDEO YOUTUBE"
     height="270"
     layout="responsive"
     width="480"></amp-youtube>

Semua kode itu dimasukkan saat posting di MODE HTML. Ribet 'kan? Tapi, buat percobaan, silakam saja. Biar tahu perkembangan desain blog. Good Luck! (www.contohblog.com).*

Disqus Comments