Actually template AMPNews is the redesign of the previous template is MDCamp , just that there are some parts that I fixed, as in the header, homepage, sidebar, footer, as well as improvements to the ArticleBody on page mobile accelerated in Webmaster tools that result in errors in AMP.
Unlike the previous template, AMPNews already using material loading the template icon that is quite fast, and I already equipped with a super seo heading tags and AMP is valid HTML.
Features 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...
Settings:
1. Go to EDIT HTML and then copy an existing template in notepad and replace
1. Template Installation
2. Logo Setup
3. Template Setting
4. Meta Tag
<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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s192/amp-icon-new.png' rel='apple-touch-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s76/amp-icon-new.png' rel='apple-touch-icon' sizes='76x76'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s120/amp-icon-new.png' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s152/amp-icon-new.png' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s180/amp-icon-new.png' rel='apple-touch-icon' sizes='180x180'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s128/amp-icon-new.png' rel='icon' sizes='128x128'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s192/amp-icon-new.png' rel='icon' sizes='192x192'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIq2eC0Mazi8sRqRR10Crg1oBrQJAxJDqJgvdXw1jFIWlQnnWAGrgin9bhUkyYVEjjxtvRUcyfN65vhtSq4FuIh63uvCE6zNV3PHZemkAVOW27hsSFdvK3tOR7sKya49lSaGOLQoSGn4U2/s180/amp-icon-new.png' name='msapplication-TileImage'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<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 == "item"'>
<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 != ""'>
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta expr:content='data:blog.pageName + ", android, apk, gadget"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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='"Silahkan kunjungi " + data:blog.pageTitle + "Untuk membaca postingan-postingan menarik."' 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_tvxNJLPQXMObGWkaEjhbiU5OmnR8yJG9DQj77B2nJ9fQ2p2H3KiXKJniUQ5isqzfVU98Gmmzmuwwtj8uyxW4UrABS1-e0hwq240K92xZfzMHH_9dk6eytM9pPR19d07Jig5qzGtWbf0e/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 == "item"'>
<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
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8viTn2prWd5Ptd3hr1e0A6SBKZdwoJUiODO_wgubQLnBeSE09cWU6BYP-0j9s4QTpHOhmepjUIex0fOa1UrAQ2y6JM9qbgqmNu7SeAv8wRoZNhn6JyF1Epn6VU1y4F5MNIuWEP8l-_-k/s1600/icon.png' width='30'/> <data:title/></span></a>Change Image URL that mark with the url of your blog
<amp-iframe expr:src='"https://cdn.rawgit.com/MDCSite/mdc/master/disqusamp.html?shortname=BLagioke&url=" + 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>
Change Username Disqus that mark by Disqus Username pal
Important!
Please do not remove the credit link located in the footer