Cara Upload Gambar Pada Postingan Blog AMP

Table of Contents

Membuat sebuah postingan diblog tidak lepas dengan disertakan gambar pada umumnya, postingan blog tanpa gambar bisa dikatakan sayur tanpa garam.

Kali ini saya akan berbagi cara upload gambar pada postingan blog, kebetulan blog yang sekarang saya pake, templatenya sudah AMP, jadi cara yang akan saya bagikan tentunya adalah yang suport AMP.

Ketika kita mengupload sebuah gambar maka akan secara otomatis, muncul scriptnya, itu jika anda membuat postingan dalam mode HTML. Kode tersebut nanti akan diubah agar suport template AMP yang sekarang saya pakai.

<div class="separator" style="clear: both;">
  <a href="LINK URL GAMBAR">
    <img
      alt=""
      border="0"
      width="320"
      data-original-height="294"
      data-original-width="581"
      src="URL GAMBAR"/></a>
</div>

Script diatas merupakan script yang muncul secara otomatis ketika saya mengupload gambar pada postingan ini, kali ini saya akan merubah script diatas untuk ditampilkan pada permulaan postingan blog, jadi script dibawah ini merupakan script untuk gambar yang ditempatkan diatas artikel setiap postingan blog saya, scripnya menjadi seperti ini :

<noscript>
  <img
    alt="Kang Agus"
    height="720"
    width="1280"
    class="thumbnail"
    src="URL GAMBAR"/>
</noscript>

Silahkan anda masukkan URL GAMBAR pada script diatas terus size default biasanya s320 tinggal anda rubah menjadi s1600. Sedangkan untuk gambar ditengah artikel saya menggunakan script dibawah ini :

<amp-img
  alt="Kang Agus"
  height="720"
  width="1280"
  layout="responsive"
  src="URL GAMBAR">
</amp-img>

Yang perlu diingat dalam script diatas jangan ada tanda (/), setelah URL GAMBAR, jadi langsung (>), tanpa begini (/>).