Satu Kolom Free Responsive Amp Html Blogger Template

Masih heboh wacana template dasar AMP HTML yang tentunya meiliki engine yang sudah dikembangkan sedemikian rupa oleh Google. Sebelumnya aku juga sudah share template DroidBuzz yang memakai struktur template AMP juga.

Kali ini aku berkesempatan untuk share template buatan blogger faforit aku yaitu Kang Ismet, template yang dibangun dengan sangat sederhana dengan tampilan satu kolom ini aku rasa sangat patut untuk kau koleksi. Karena juga sudah memakai kombinasi Material Icon Google.

Blogger Template Style

Name : AMP HTML Responsive Blogger Template
Version : 1.2
Publish Date : 23 Oktober 2016
Intructions : Cara Memasang Template Blogger
Designer : Kang Ismet Modified by Iwan Efendi
URL : http://iwanberbagi.com - http://blog.kangismet.net
Published : http://situstemplate.com

Fitur Template

- Responsive Design
- AMP Ready
- 2 Columns on Homepage
- 1 Column on Page and Static Page
- Customize AMP Sidebar
- Share Button
- On Click Disqus Comments
- Related Post (just https://)
- dll

Template ini pada homepage gotong royong memakai tampilan dua kolom, tapi pada postingan mengunakan satu kolom. Namun tetap saja, template ini aku anggap cuma mempunyai satu kolom alasannya tidak mempunyai sidebar.

Untuk menghindari error yang sudah sering terjadi, kau hanya perlu mengganti hosting html yang dipakai untuk iframe related post dan disqus comments. Sebelumnya template ini sudah aku perbaharui untuk hosting html yang error dan juga humberger hidangan yang menghilang secara misterius.

Namun sebelumnya aku akan share cara konfigurasi untuk disqus, perhatikan arahan berikut :

<span class='disqus-box'><amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/disqus5.html?shortname=amphtml&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'> <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>   </amp-iframe></span>

Perhatikan arahan yang aku berikan marking warna kuning itu, itu ialah id disqus yang harus kau ganti dengan id disqus kau sendiri, supaya semua notifikasi akan masuk ke dasbord disqus kau sendiri.

Selanjutnya perhatikan arahan hosting disqus berikut :

https://cdn.rawgit.com/kangismet/ki-html/master/disqus5.html

Seperti yang sudah aku jelaskan tadi, kalau hosting tersebut error atau bahkan disqunya tidak mau tampil berarti hostingnya bermasalah, kau harus menghosting sendiri atau nanti dapat aku buatka hostingnya. Setidaknya aku sudah membackupnya disini.

Untuk related post AMP HTML ini hanya support untuk blogspot dan yang memakai https:// saja, jadi untuk kau yang tidak tampil alasannya memakai custom domain. Namun disini aku hanya akan membahas wacana hosting htmlnya yang aku kawatirkan error, perhatikan arahan berikut :

https://kangismet.github.io/blogger-related-posts/related3.html

Hosting tersebut sudah aku buatkan mirrornya lihat disini.

Berbagi :