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.



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
  3. https://4.bp.blogspot.com/-zunZhtexQKk/WORe43iDE9I/AAAAAAAAC7I/PXaQp_GtmOg0TtQUW5YWvAcJqPL7hAHdQCLcB/s1600/avatar92.jpg

  4. Menu
  5. <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

  6. Posting gambar Parallax
  7. <noscript><img src="https://4.bp.blogspot.com/-zh-L301kFXc/WORONux0XcI/AAAAAAAAC6w/u0ALoVuRM3ESNjVCcRZr5TTKQixjtHcnwCLcB/s320/TRAINING7.jpeg" title="amp" /></noscript>

    Ganti url gambar diatas dengan gambar yang akan sobat tampilkan

  8. Spoiler bisa dilihat disini

  9. Advertise di dalam post, silahkan cari code di bawah ini dan ganti dengan Ads sobat
  10. <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://4.bp.blogspot.com/-RnKuV9gNY9A/WONgE9_QTII/AAAAAAAAC5I/cplM2EQxPZkbx6-ZRVIkzJp8_fYe2Qz6gCLcB/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://2.bp.blogspot.com/-cx4DiAd1PS0/WONgE1DElLI/AAAAAAAAC5M/Y1KmyD3yGN4e7arFGqnrfqivmpbW9aP8ACLcB/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
Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.

9 comments:

Ahmad Manarul Hakim said...

Templatenya keren mas, dari desain sampai struktur seo, juga loadingnya cepet. Ijin pakai mas

Basri Matindas said...

Silahkan mas

Aheamku said...

Kereeeeeen banget
Kalau boleh next template buat blog download movie, cinema, drama gitu.. Hehehe

fyscasan said...

ijin make gan. Jarang yg share template AMP yg free

Basri Matindas said...

Makasih mas, oke nanti saya buatkan

Basri Matindas said...

Silahkan mas

Gooamp Valid AMP Responsive Blogger Template - Goomsite said...

[…] sahabat blogger. Template Gooamp diadaptasi dari 2 template sebelumnya yaitu Template Lovinet dan Blogamp yang sudah saya bagikan […]

issar said...

saya kurang tahu menahu soal AMP, kalo maksud dari Posting gambar Parallax itu apa ya? apakah setiap gambar harus dibuat script seperti itu dengan title="amp" semua?

Basri Matindas said...

maksud dari Posting gambar Parallax seperti yg mas lihat pada demo postnya letak gambar pertama di dalam post seperti itu, tapi jika mas tidak mau seperti itu post sj seperti biasa

Post a Comment

© 2015-2016. GOOMSITE.TOP - All Rights Reserved
Proudly powered by Blogger