Cara Memperbaiki Artikel Template Amp Blogger

ketika kita migrasi ke template biasa ke template amp ,maka anda harus di perhatikan di dalam postingannya. yaitu mengenai tampilan format gambar dan juga iklan adsense yang terpaut di template tersebut. untuk kali ini, mimin akan menjelasakan bagaimana cara memasang format gambar di dalam artikel agar di klaim oleh penguji amp artikel halaman blog amp anda valid. pertama anda harus membuat postingan dulu, setelah selesai membuat postingan atau mungkin sekalian memasang gambarnya, silahakan anda upload gambar di bagian penulisan compose. kemudian setelah gambar kita upload, anda beralih ke penulisan html. maka anda akan menemukan kode seperti di bawah ini di penulisan HTML

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Aplikasi Android Smartphone" border="0" data-original-height="960" data-original-width="540" height="200" src="https://4.bp.blogspot.com/-bxeonodIn6o/WvUSaG9movI/AAAAAAAAHTY/_ks823WpFkkenfGDlojrBDaBRXld5DIWwCLcBGAs/s200/Screenshot_2018-05-11-10-46-25.png" title="Aplikasi Android Smartphone" width="112" /></a></div>
<div class="separator" style="clear: both; text-align: center;"></div>

anda tinggal cut semuanya ke notepad, kemudian anda tinggal copy url gambarnya saja seperti ini linknya.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png

lalu anda tinggal copy di kode yang mimin buat ini. perhatikan warna merahnya ya di tandai sebagai link gambarnya.

FORMAT THUMBNAIL AMP HALAMAN UTAMA.
<noscript>
<img alt="JUDUL GAMBAR" height="720" width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png" title="JUDUL GAMBAR" /></noscript>

kemudian anda tinggal paste ke bagian penulisan html postingan di blog anda. setelah itu anda tahap keduanya copy kode di bawah ini bersama url gambarnya kembali

FORMAT GAMBAR DI DALAM ARTIKEL BLOGGER.
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png "width="750"height="462"layout="responsive"alt="JUDUL GAMBAR"></amp-img>

maka nanti kodenya di jadikan satu seperti di bawah ini.

<noscript>
<img alt="JUDUL GAMBAR" height="720" width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png" title="JUDUL GAMBAR" /></noscript>

<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2af_Kyg2LDeFu69VJowuYEn73FapjtZoqRWyLAFLuX_hyFckZeL2M-srOndgQu9w1LM1YwW_S_YdSfEQ42y5XllAeBMa-4RfqWA_dmqFoTmFi1Dcl_ui1YOdpAIyDlsfmhdhclfzRfZg/s1600/Screenshot_2018-05-11-10-46-25.png "width="750"height="462"layout="responsive"alt="JUDUL GAMBAR"></amp-img>

teman-teman bisa sesuaikan ukuran gambarnya saja ya. di artikel ini biasanya saya menggunakan adobe photoshop dengan ukuran gambar format web kemudian di padukan dengan kode script diatas.








mengapa harus anda gabungkan?... karena kode gambar tersebut adalah tampilan gambar pertama untuk di halaman blog anda dan untuk tampilan di dalam artikel anda. jadi jika ada gambar yang kedua, ke tiga dan seterusnya, anda tinggal memasang kode di atas yaitu dengan kode FORMAT GAMBAR DI DALAM ARTIKEL saja. jika anda meragukan artikel ini, anda tinggal cek saja di sini https://search.google.com/test/amp.

bagiaman sangat mudah bukan?... tapi seorang blogger sejati harus sabar untuk melakukan prosesnya. semuanya tidak instan. semoga artikel pengalaman pribadi saya ini sangat bermanfaat. terimakasih sudah mengunjunngi blog ini. next artikel berikutnya akan mimin buatkan cara memasang javascript adsense di template AMP .