Home / Tips Blogger / Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019

Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019

Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019 1

Sipa sih yang tak suka sama template AMP, saat ini template jenis ini sangat di minati. adminngnya template AMP sangatlah ribet dan memakan kaya waktu saat kita menciptakan artikel. bayangkan apabila artikel kamu ada 4 gambar kamu akan menciptakan 4 kode khusus untuk 4 gambar tersebut.

Dibalik rasa sulit tersebut, ternyata masih kaya blogger yang tak dapat menciptakan gambar amp yang valid sudah cari script sana sini kok masih error. ada yang dapat gambar di halaman utama hilang. duhh gimana ni. jangan khawatir admin akan berbagi tipis memasang gambar amp 100% valid amp.

Untuk dapat memasang gambar yang valid kamu harus menggunakan 3 kode ini, setiap kode punya fungsi masing-masing.

Kode Pertama:

<noscript>
 <img src=’alamat gambar’ alt=’gambar’ />
</noscript>

Kode ini di gunakan khusus buat template yang terdapat gambar sampul seperti di blog admin. dengan script di atas gambar tak akan masuk ke dalam artikel hanya akan muncul di bagian sampul artikel.

Kode Kedua:

<div class=”separator” style=”clear: both; text-align: center;”>
<amp-img alt=” Sipa sih yang tak suka sama template AMP Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019″
  src=”alamat gambar”
  width=”500″
  height=”260″
  layout=”responsive”>
</amp-img>
</div>

Script ini di gunakan untuk gambar yang ada di dalam artikel, nah admin juga menggunakan script ini untuk semua gambar di artikel admin. di sana juga sudah ada script buat posisi gambar.

Kode Ketiga:

<div class=”separator” style=”clear: both; text-align: center;”>
<amp-img src=”alamat gambar”
  width=”264″
  height=”195″>
  <noscript>
    <img src=”alamat gambar” width=”264″ height=”195″ />
  </noscript>
</amp-img>

Script ini khusus buat template yang tak terdapat sampul semperti di blog admin, walaupun javascript di menonaktifkan gambar masih akan tampil bebeda dengan kedua kode di atas. kode di atas saat javascript mati otomati gambar akan hilang.

Baca :  Tutorial Membuat 4 Kotak Iklan di Blog

Walaupun blog kamu tak menggunakan sampul seperti di blog admin, kamu dapat menggunakan keda kode di atas di blog kamu. buat yang suka menonaktifkan javascript buat curi gambar di jamin gambar akan hilang.

Nah cukup ini saja yang dapat admin bagikan.

About Erzed