Free Download Template AMPNEWS
AMPNews AMP HTML Blogger TemplateAMPNews AMP HTML Blogger Template, Sesuai dengan janji saya sebelumnya di group template ini akan saya bagikan secara gratis. Untuk itu pada hari ini tepatnya tanggal 5 Desmber 2016 AMPNews sudah bisa sobat download.

Sebenarnya template AMPNews adalah redesign dari template sebelumnya yaitu MDCamp, hanya saja ada beberapa bagian yang saya perbaiki, seperti pada bagian header, homepage, sidebar, footer, serta perbaikan pada articleBody pada halaman seluler yang dipercepat di Webmaster tools yang mengakibatkan terjadinya error pada AMP.

Berbeda dengan template sebelumnya, AMPNews sudah menggunakan material icon sehingga loading pada template ini lumayan fast, serta sudah saya lengkapi dengan Tag heading yang super seo serta sudah valid AMP HTML.



Fitur AMPNews AMP:

  • AMP Ready all pages
  • Responsive
  • Super Seo Friendly
  • 3 Coloumb on Homepage
  • 2 Column on Page
  • 1 Column on Static Page
  • Customize AMP Share button
  • Drop down menu
  • Slot ads ready
  • Material Icon
  • Related Post
  • And More...

Setting:

  1. Buka EDIT HTML kemudian copy template yang ada pada notepad dan replace
  2. Masuk pada settingan template kemudian non aktifkan Show desktop template on mobile devices.

  3. Meta Tag
  4. <meta charset='utf-8'/>
    <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui' name='viewport'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <title><data:blog.pageTitle/></title>
    <b:else/>
        <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
            <title>404: Page Not Found | <data:blog.title/></title>
        <b:else/>
            <title><data:blog.pageName/></title>
        </b:if>
    </b:if>
    <meta content='blogger' name='generator'/>
    <link expr:href='data:blog.url' rel='amphtml'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s192/amp-icon-new.png' rel='apple-touch-icon'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s76/amp-icon-new.png' rel='apple-touch-icon' sizes='76x76'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s120/amp-icon-new.png' rel='apple-touch-icon' sizes='120x120'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s152/amp-icon-new.png' rel='apple-touch-icon' sizes='152x152'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s180/amp-icon-new.png' rel='apple-touch-icon' sizes='180x180'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s128/amp-icon-new.png' rel='icon' sizes='128x128'/>
    <link href='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s192/amp-icon-new.png' rel='icon' sizes='192x192'/>
    <meta content='https://4.bp.blogspot.com/-K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s180/amp-icon-new.png' name='msapplication-TileImage'/>
    
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
    <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
    <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
    <link href='https://plus.google.com/u/0/xxxxxxx' rel='me'/>
    <link href='https://plus.google.com/u/0/xxxxxxx' rel='publisher'/>
    <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
    </b:if>
    </b:if>
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta content='article' property='og:type'/>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
    <meta expr:content='data:blog.pageName + &quot;, android, apk, gadget&quot;' name='keywords'/>
    <b:else/>
    <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description' property='og:description'/>
    </b:if>
    </b:if>
    
    <meta expr:content='data:blog.title' property='og:site_name'/>
    
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta content='website' property='og:type'/>
    <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
    <b:else/>
    <meta content='https://4.bp.blogspot.com/-B40MlR9y3gQ/WD0DYcyWG_I/AAAAAAAAAzw/shu9g0CdpT4LPHSfgGv4hrxWK9LtGCJaQCLcB/s1600/noimg.jpg' property='og:image'/>
    </b:if>
    </b:if>
    <meta content='xxxx' name='google-site-verification'/>
    <meta content='xxxx' property='fb:admins'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta content='https://www.facebook.com/xxxx' property='article:author'/>
    </b:if>
    <meta expr:content='data:blog.title' name='twitter:site'/>
    <meta content='summary_large_image' name='twitter:card'/>
    <meta content='@admin' name='twitter:creator'/>
    <meta content='#4285f4' name='theme-color'/>
    <meta content='#4285f4' name='msapplication-navbutton-color'/>
    <meta content='black' name='apple-mobile-web-app-status-bar-style'/>
  5. Logo
  6. <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='https://2.bp.blogspot.com/-UqjOF3lpRdI/WETA3WDbMqI/AAAAAAAACXA/3Th3RMJeTiUyQnhOqj95_ZPVGbAAIQnPwCLcB/s1600/icon.png' width='30'/> <data:title/></span></a>
    Ganti URL Image yang di mark dengan url blog sobat
  7. Comment Disqus
  8. <amp-iframe expr:src='&quot;https://cdn.rawgit.com/MDCSite/mdc/master/disqusamp.html?shortname=BLagioke&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
    <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
                          </amp-iframe>
    Ganti Username disqus yang di mark dengan Username Disqus sobat
  9. Untuk setingan halaman posting silahkan baca disini
  10. Setingan lainnya sudah saya sertakan didalam folder

Penting!

Mohon untuk tidak menghapus kredit Link yang terdapat di footer Real Post

Free Templates AMP HTML Blogger
Free Templates AMP HTML Blogger : untuk kamu yang ingin membuat sebuah blog yang berbasis blogger kamu bisa download kumpuluan templates yang sudah valid dengan AMP di website ini gratis , untuk tutorial penggunaan bisa di lihat langsung di setiap artikel yang sudah di posting di artikel , memang beberapa template ada yang bersifat gratis dan juga ada yang bersifat premium untuk premium template anda bisa melakukan pembayaran ke pihak creator nya atau bisa langsung menghubungi kami via contact biasa nya template premium tiru sendiri di bandrol dengan harga $9 untuk design dari kompi ajaib.

Templates blog ini sendiri di buat oleh pemilik kompi ajaib dan script yang di pasang kami upload ulang ke akun github milik kami , harga templates premium yang kami pasang di www.templatesamp.com ini adalah $9 lengkap dengan tutorial posting dan tutorial pemasangan iklan dari adsense harga yang sangat murah untuk kamu yang ingin memiliki template dengan loading yang cepat jadi kamu tidak akan rugi jika memiliki template seperti ini.

Untuk Tutorial AMP HTML for blogger kamu bisa mencari nya di www.feryferlangga.com atau di kompidesign.blogspot.com saya juga penulis di kompidesign dan blog ini adalah tempat untuk kamu download template amp nya template dan tutorial terpisah untuk pertanyaan kamu bisa langsung ke blog fery ferlangga atau bisa langsung ke kompidesign akan kami bantu untuk pertanyaan tentang amp yang berbasis blogger