Berikut tutorial untuk menggunakan template gratis AMP Blogger yang telah saya bagikan ini dan supaya tetap valid AMP 100%.
Silakan ikuti langkah-langkahnya dengan runtut dan teliti:
Gambar Utama AMP
Untuk membuat gambar thumbnail / utama di atas postingan, silakan tambah kode asli dengan kode <noscript>.
Maka nanti hasilnya:
<noscript>kode-asli-gambar</noscript>
Contoh:
<noscript><img alt="setting template amp" data-original-height="512" data-original-width="912" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhICTrraKtgBYSo7y-LfOyD6B7l_-A-iWNTW74CmFUSlSS09mEvv6C8oHsDjSKdFnAG9qiDYdCGBQNjOzQd33vaDaQNfWYNeoySOzAThypprh-3GFOYVyDstwvlLhOU9luRxVEXHsDnn9KG/s640/setting+template+amp.png" title="setting template amp" width="640" /></noscript>
Gambar Postingan AMP
Untuk merubah gambar postingan (bukan thumbnail) agar support AMP, silakan tambahkan code <amp-img>.
Maka hasilnya:
<amp-img>kode-asli-gambar</amp-img>
Contoh:
<amp-img alt="setting template amp" data-original-height="512" data-original-width="912" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhICTrraKtgBYSo7y-LfOyD6B7l_-A-iWNTW74CmFUSlSS09mEvv6C8oHsDjSKdFnAG9qiDYdCGBQNjOzQd33vaDaQNfWYNeoySOzAThypprh-3GFOYVyDstwvlLhOU9luRxVEXHsDnn9KG/s640/setting+template+amp.png" title="setting template amp" width="640"></amp-img>
Untuk membuat gambarnya menjadi responsive, kalian tinggal menambahkan kode layout="responsive".
Contoh:
<amp-img alt="setting template amp" data-original-height="512" data-original-width="912" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhICTrraKtgBYSo7y-LfOyD6B7l_-A-iWNTW74CmFUSlSS09mEvv6C8oHsDjSKdFnAG9qiDYdCGBQNjOzQd33vaDaQNfWYNeoySOzAThypprh-3GFOYVyDstwvlLhOU9luRxVEXHsDnn9KG/s640/setting+template+amp.png" title="setting template amp" width="640" layout="responsive"></amp-img>
Ini juga berlaku setiap upload gambar apapun ke halaman blog.
ID komentar Disqus
Rubah ID disqus "tutorialngeblogask" dengan ID blog kalian di halaman Edit HTML.
Untuk mendapatkan ID, silakan daftarkan blog kalian ke Disqus dahulu. Jika sudah, ID bisa kalian dapat dari mengopy paste nama blog yang ada di URL akun blog di Disqus.
Related Post
Agar Related Post tidak menjadi undefined, maka rubah link "comercial-site.blogspot.com" di halaman Edit HTML dengan link homepage blog kalian.
XXXX
Cari kode xxxx untuk menggantinya dengan kode kalian sendiri. Misalkan saja kode Adsense dan Verifikasi Webmaster.
Tutorial lainnya
>
Cara Menambah Video Youtube AMP
>
Cara Menambah Unit Adsense AMP
>
Cara Menambah Unit Doubleclick for Publisher AMP
>
Cara Menambah Google Map AMPa