AMP HTML Blogger Template Kang Ismet

AMP HTML selain mempunyai pemuatan cahaya dan disukai oleh pelawat, Google juga terus menggalakkan penerbit menggunakan AMP supaya halaman web dengan video, animasi dan kandungan grafik dapat dimuatkan dengan iklan dengan memuat cepat pada pelbagai jenis telefon atau tablet. Tetapi Google menegaskan bahawa ini bukanlah sesuatu yang boleh diperingkat untuk tapak.

Begitu juga laman web atau blog anda menggunakan templat AMP? Jika anda tidak menggunakannya dan ingin mencubanya, di sini saya akan berkongsi template yang sah AMP HTML yang dibuat oleh Ismet, sudah tentu anda sudah tahu nama itu, Kang Ismet? Kang Ismet adalah pentadbir blog http://www.blog.kangismet.net.

Templat AMP (Laman Mudah Alih Dipercepat) adalah templat khusus yang dibuat untuk memudahkan pelawat ke laman web atau blog kami untuk menggunakan peranti mudah alih, laman web atau blog yang menggunakan Template AMP akan lebih ringan dan Google juga memberikan petir dalam hasil carian pada laman web yang menggunakan AMP HTML . tanda kilat yang muncul dalam hasil carian adalah untuk membolehkan pengunjung mengetahui bahawa pengunjung boleh memilih tapak yang lebih cepat dan menggunakan AMP HTML.

Fitur Template Kompi Design

1. Responsive Design
2. AMP Ready
3. HTTPS Support
4. Valid HTML 
5. 2 Columns on Homepage
6. Hide Mode Disqus Ready
7. 1 Column di Postingan
8. Fast Loading in Mobile and Dekstop
9. Grid With Masonry in Home 
10. DLL

DEMO  |  DOWNLOAD

Kustomisasi Template

• Mengganti Logo

Silahkan masuk di edit HTML template dan ganti URL image pada kode di bawah ini. Silahkan buat logo dengan ukuran 30px x 30px.

<b:includable id='title'><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='LINK_IMAGE_LOGO_KAMU.JPG' width='30'/> <data:title/></span></a></b:includable>

• Mengganti Komentar Disqus

Silahkan ganti kode ber-tenaga pada kode di bawah ini dengan username akun Disqus Anda.

<b:includable id='disqus-comments' var='post'><div class='disqus-comments' id='disqus_comments'><amp-iframe expr:src='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/disqus_amp2.html?shortname=ber-tenaga&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></div></b:includable>