Sunday, November 20, 2016

AMPNews Settings


AMPNews AMP HTML Blogger Templates is perfect For Personal Sites, Modern and fully responsive (try resizing your browser), And AMP Ready, 2 Columns on Homepage, 1 Column on Page and Static Page, Customize AMP Sidebar, Share Button and more.
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
     2. Sign on setting the template and then disable Show desktop template on mobile devices.


 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 == &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://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 + &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://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 == &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



<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

6. Comment Disqus
<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>

Change Username Disqus that mark by Disqus Username pal


Important!
Please do not remove the credit link located in the footer


NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner