AMPNews 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:
- Buka EDIT HTML kemudian copy template yang ada pada notepad dan replace
- Masuk pada settingan template kemudian non aktifkan Show desktop template on mobile devices.
- 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/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s192/amp-icon-new.png' rel='apple-touch-icon'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s76/amp-icon-new.png' rel='apple-touch-icon' sizes='76x76'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s120/amp-icon-new.png' rel='apple-touch-icon' sizes='120x120'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s152/amp-icon-new.png' rel='apple-touch-icon' sizes='152x152'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s180/amp-icon-new.png' rel='apple-touch-icon' sizes='180x180'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s128/amp-icon-new.png' rel='icon' sizes='128x128'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/s192/amp-icon-new.png' rel='icon' sizes='192x192'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyf07xHqHTUray19zqUZh0W0JIrfjKlFBmnLCcOVcLTZjOZERG40QZLZ7fv_2dsHRnD5qJjCB06JmNwylO5EVXDoOM6hVhvKu3xAaa3F6cleRgMGd7w-WdE-9iDdBhECNYl5ZOwQ5JSiyB/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/AVvXsEiwWZoogUqTQ6MniQMybfshbBrrsQ_ht5LYHNStcK5_MlURwk0IR54nsGc6hN261sJ7Q23rhbTqgVcbsw-YqO0FuCzCF6JgicAJgOiv-JtSc5hXUD4qGbakcc7My4AjTv9wG0YZMze9CKq1/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'/>
- 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/AVvXsEgkcgjEigDecxlJE2Ao_-SC17ERt4fLrwZoLGiUmrHyBrg8UdLsJ0pVhjLFRII9O_dKC1HqMFsUohglI4s13XDdw6F6KYbJau6TxzT5Xfi9258f-ml7hFFRhZkD2py3EpgRUacRqhHD7iY/s1600/icon.png' width='30'/> <data:title/></span></a>
Ganti URL Image yang di mark dengan url blog sobat
- Comment Disqus
<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>
Ganti Username disqus yang di mark dengan Username Disqus sobat
- Untuk setingan halaman posting silahkan baca disini
- Setingan lainnya sudah saya sertakan didalam folder
Penting!
Mohon untuk tidak menghapus kredit Link yang terdapat di footer
Real Post
