BLOGAMP Valid AMP Responsive Blogger Template

BLOGAMP Valid AMP Responsive Blogger Template, Sudah lama saya tidak membagikan template AMP semenjak blog mdcsite.blogspot.com dan blog.lagioke.net dipindah tangankan. Alasan kedua blog tersebut berpindah tangan karena pada saat itu saya lagi sibuk di dunia nyata dan kebetulan juga pada saat itu saya lagi membutuhkan dana untuk keperluan yang sangat mendesak (maaf tidak bisa saya sebutkan keperluannya apa).

Maka dari itu saya mencoba bangun kembali dengan blog baru yang saya beri nama Goomsite, saya juga tidak tahu namanya cocok untuk blog ini atau tidak yang pasti inilah nama rumah baru saya. Maka jangan heran jika pada blog ini baru terdapat 3 post, tapi mudah-mudahan kedepannya akan bertambah terus dengan artikel-artikel terbaik.

Jika sebelumnya pada kedua blog tersebut di atas saya sudah membagikan template Valid AMP yang saya beri nama yaitu MDCAMP dan AMPNEWS maka pada artikel ini juga saya akan memberikan template Valid AMP yang saya beri nama BLOGAMP.

BLOGAMP adalah template yang didesign khusus untuk pengguna adsense serta tampilannya yang ilegan akan membuat pengunjung lebih beta berada di blog anda. Blogamp memiliki tampilan material design yang mengikuti modernnya perkembangan template. Kelebihan template ini bisa sobat lihat di bawah ini.

DEMO | DOWNLOAD

Feature Template BLOGAMP

1. Responsive
2. Valid AMP
3. Seo Friendly
4. 3 Column
5. Auto Read more
6. Menu Navigasi According
7. Post Parallax
8. Random Post
9. Comment Disqus
10. Post Ads
11. Fast loading
12. More...

Valid Amp

Speed Google

Speed Gmatrix

Seo

Data Terstruktur

Tutorial

1. Masuk didalam edit html kemudian paste script template yang ada di dalam notepad kemudian save


2. Cari url image avatar berikut, dan ganti dengan avatar sobat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsCWZPGalNADttmAE5wiK9BtOYgtntRqiyE1B7PewdKTE5YgHWV3ap9wtb3CW-HRQtiAvhpEyMGTHoJTaF9OPLmkKnTb0oCtJ_YyRsGwdxN2mFC8Oa_EM1Jc-LcvoSUn1fxz1lOHuc2Xs/s1600/avatar92.jpg



3. Menu

<div class='nav-slide slideInUp' id='nav-slide'>
<ul>
<li><span>MENU</span></li>
<li><a href='#' title='Kode Warna'>Kode Warna</a></li>
<li><a href='#' title='Parse HTML'>Parse HTML</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='Photoshop'>Photoshop</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='HTML5'>HTML5</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='CSS'>CSS</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='JavaScript'>JavaScript</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='jQuery'>jQuery</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='Responsive'>Responsive</a></li>
<li><a href='#' rel='nofollow' target='_blank' title='AMP'>AMP</a></li>
</ul>
</div>


Silahkan ganti tanda # dengan Url Sobat


4. Posting gambar Parallax

<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXF4w6FpOpiPqeiFXsLDToO57-Lzb28QwlLUeyqjtq31pPB6DDfcXtYMCLFprJngBPOIiVW5V0sOMvqW9Pyk_5Wk3HA6bgSH0ZZC9QLl271H6tsM45jSNmJNfN2ihm44agT0tuoR-67kc/s320/TRAINING7.jpeg" title="amp" /></noscript>


Ganti url gambar diatas dengan gambar yang akan sobat tampilkan


5. Spoiler bisa dilihat disini


6. Advertise di dalam post, silahkan cari code di bawah ini dan ganti dengan Ads sobat

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postadstop'>
 <span>Advertisemen 300x250</span>
<a href='http://www.goomsite.top/' target='_blank' title='300x250'><amp-img alt='Advertise' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcHiSjREp6UlMFmQJvbrIJ9CHqYw7obqjk4nCmY2BcCgQyA6jNnT4FgRR2S4vXQIr9MxTAlPW_D1vYWLWFNJHxmEpJ0-O0fOGaPdXZv0k3F3uUPavZoxn2OEqImNMkrycpNICKszAzgNs/s1600/300.jpg' width='300'/></a>
</div>
 <data:post.body/>
<div class='postadsbottom'>
 <span>Advertisemen 336x280 </span>
<a href='http://www.goomsite.top/' target='_blank' title='336x280'><amp-img alt='Advertise' height='280' layout='responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHq0aDoaH3RrRn1UZ5l323xU7CYSSVNLlYIHuRn-B66Di0OUsm35MxsjVDEpEtLXrICfkhVkrME61yqrIkVHH2eZExx3gePpKt2uHfwwvkrjpTMUy1Yzc9RoVZGpqswLIFOHwusIqTnZ8/s1600/336.jpg' width='336'/></a></div>
</b:if>

Untuk yang lainnya saya rasa sobat sudah tahu, namun jika masih ada yang akan ditanyakan silahkan tanyakan dikolom di bawah

Catatan mohon untuk tidak menghapus kredit link pada template ini