Info Blogger
Youtube Live
wb_sunny

Breaking News

Inilah Cara Memasang Gambar di Postingan Blog AMP

Inilah Cara Memasang Gambar di Postingan Blog AMP

Loading...
Pembahasan Artikel BabaKBeluR.com kali ini, Cara Memasang Gambar di Postingan Blog Valid AMP

Blogger Tutorials

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.

Gambar di Postingan Blog AMP

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.
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.


<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



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

Untuk gambar AMP rata tengah

 
<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
 
<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>
 
<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

Tags

Newsletter Signup

Subscribe our newsletter to receive the latest news and exclusive offers every week. No spam.