Template Blog AMP Simple Satu Kolom. Gratis. Free Download.
SETELAH berbagi template blogger SEMI AMP[1] , kali ini CB menyebarkan link unduh template blogger FULL AMP (Valid AMP) , benar-benar full Accelerated Mobile Pages (AMP) Based[2] Blogger Template.
Namanya Betapress AMP Blogger Template. Gratis download. Ada juga versi premium nya. Ini penampakan serta link demo dan downloadnya.
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[5].
Cara Memasukkan Foto & Video di Postingan di Blog AMP
1. Untuk thumbnail image , Anda harus gunakan isyarat berikut ini:<div class="thumb-post">
<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWT4-dzP6t9tlHGK8AJICoLPh3yrwZZa9vooLph6ak1CDvzTe4AAW5RrEc2WtV66QNtX2wz-EbcKa_TX4Xb7xmm8pbwhWfeX64hOejQsOPPVkkcwF60NUMUoWnWhzkzo4_8i9WP7ZmHkc/s1600/4.jpg" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>
2. Untuk menyisipkan gambar lainnya yang tampil dalam postingan , gunakan isyarat 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/AVvXsEiWT4-dzP6t9tlHGK8AJICoLPh3yrwZZa9vooLph6ak1CDvzTe4AAW5RrEc2WtV66QNtX2wz-EbcKa_TX4Xb7xmm8pbwhWfeX64hOejQsOPPVkkcwF60NUMUoWnWhzkzo4_8i9WP7ZmHkc/s1600/4.jpg"
tabindex="0"
width="650"></amp-img>
3. Untuk menyisipkan video Youtube , gunakan isyarat ini:
<amp-youtube
data-videoid="ID VIDEO YOUTUBE"
height="270"
layout="responsive"
width="480"></amp-youtube>
Semua isyarat itu dimasukkan ketika posting di MODE HTML. Ribet 'kan? Tapi , buat percobaan , silakam saja. Biar tahu perkembangan desain blog. Good Luck! (www.contohblog.com).*
References
- ^ template blogger SEMI AMP (www.contohblog.com)
- ^ Accelerated Mobile Pages (AMP) Based (www.ampproject.org)
- ^ DEMO (betapress-bt9.blogspot.co.id)
- ^ DOWNLOAD (docs.google.com)
- ^ Kompi AMP Blogger Template (www.kompiajaib.com)
- ^ AMP (www.contohblog.com)
- ^ Template Blog SEO (www.contohblog.com)
