Cara Memasang Gambar di Postingan Blog Valid AMP

Untuk anda yang menggunakan template AMP pada blogspot khususnya bagi yang baru dalam blog AMP dan pernah mengalami kesalahan dalam memasang foto. Dan itu sering terjadi bagi publisher yang menggunakan template Accelerated Mobile Pages (AMP) yang mengalami error dalam pemasangannya.

Jika anda pengguna template blogspot AMP maka ada sedikit modifikasi dalam mengupload gambar dan editing pada script di dalam postingan blogspot AMP anda.

Di artikel kali ini Saya coba memberi tips sederhana berdasarkan Trial and Error yang sudah dilakukan tentang Cara Memasang Gambar di Postingan Blog Valid AMP. Baiklah sekarang kita coba praktekkan bagaimana cara memasang gambar tersebut di dalam blogspot yang menggunakan tamplate AMP.

Langkah pertama adalah ada melakukan upload seperti anda mengupload gambar pada tamplate bolg Non-AMP gunanya agar anda mendapatkan URL link pada gambar tersebut, dan jika anda melakukan upload pada media hosting lain anda tinggal melakukan copy pada URL gambar yang akan anda pasang dalam positngan blog anda atau cara sederhana setelah anda melakukan upload gambar tersebut anda bisa Klik Kanan pada gambar dan pilih tab baru untuk mendapatkan Link URL tersebut.

Recommended Author





Kemudian Setelah anda mendapatkan Link URL gambar, kemudian copy kode dibawah ini dan terapkan pada postingan artikel dengan metode HTML atau persis sebelah kanan tombol HTML.

Spoiler:

Hint


<amp-img src="URLgambar" alt="Nama gambar" height="400" width="800"></amp-img>

Ubah URL gambar dengan URL gambar yang anda inginkan, dan ubahlah nama gambar, tinggi gambar, dan lebar gambar sesuai keinginan anda seperti script yang diberi tanda di atas
dan untuk menerapkan gambar pada posisi rata kiri, tengah dan kanan anda dapat mengikuti script di bawah ini.

Untuk posisi gambar AMP di bawah judul

Spoiler:

Hint


<noscript><img width="640" height="610" alt='nama gambar' src='url gambar anda'/></noscript>

Untuk gambar AMP rata tengah

Spoiler:

Hint


<div class="img-width-300 img-center">
<div class="post-thumbnail">
<amp-img 
alt="nama gambar"
title="judul gambar"
height="490" 
layout="responsive"
src="url gambar"
width="640">
</amp-img>
</div></div>

Untuk gambar AMP rata kiri

Spoiler:

Hint


<div class="img-width-300 img-left">
<div class="post-thumbnail">
<amp-img 
alt="nama gambar"
title="judul gambar"
height="490" 
layout="responsive"
src="url gambar"
width="640">
</amp-img>
</div></div>

Untuk gambar rata kanan

Spoiler:

Hint


<div class="img-width-300 img-right">
<div class="post-thumbnail">
<amp-img 
alt="nama gambar"
title="judul gambar"
height="490" 
layout="responsive"
src="url gambar"
width="640">
</amp-img>
</div></div>

Demikian tadi artikel tentang Cara Memasang Gambar di Postingan Blog Valid AMP. Dan jika anda memliki pertanyaan seputar Cara Memasang Gambar di Postingan Blog Valid AMP ini ataupun anda ingin sharing informasi silahkan berkomentar melalui disqus di bawah dan jangan lupa like fanspage, Subscribe Youtube channel kami di samping artikel ini, jangan lupa share artikel ini jika bermanfaat. Terima kasih telah berkunjung.

Baca Juga Artikel Tentang Cara Memasang Video Youtube di Postingan Blog Valid AMP DI SINI

Related Keyword: cara menampilkan gambar di blog, langkah langkah mengupload gambar pada blog, gambar blogger, cara memasukkan gambar di artikel blog, cara menyimpan gambar pada blogger, upload gambar untuk blog, cara mengcopy gambar ke blog, cara upload video di blog