-->

March 24, 2017

Hai sobat blogger berjumpa lagi kita, hehe. Singkat saja sesuai dengan judul di atas, kali ini saya akan berbgai Cara memasang Gambar animasi yang ber-exstensi gif, pada postingan Tamplate yang sudah valid Amp. Untuk dapat memasang gambar animasi pada Tamplate amp sebetulnya banyak banget pilihan teknis dalam meng aplikasikannya dan salah satunya adalah dengan cara di bawah ini;


Oia, Sebagai catatan penting !
URL dari gambar animasi haruslah https !
Langkah pertama

Letakan kode script berikut sebelum tag </head> 
<script async="async" custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>

Langkah Kedua
Simpan template.

Pada halaman postingan sobat silahkan masukan kode seperti di bawah ini : 
<amp-anim width="300" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPLiouhBeudN2Mc5M_lHcQO0DFNjQUgS2-hU0rnf1SL8l0NtqUL_a4JOREezbqP5mcSkIZFobL7FxCNKcgoYZ9XitVC3Rpv4Ifz41nxHvjTNr38m-e6prkCKizQQ2sT_CWP7xN0UEFqQmb/s1600/Cara+Memasang+Gambar+Gif.gif" alt="an animation" attribution=" source image giphy.com"> <amp-img placeholder width="300" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPLiouhBeudN2Mc5M_lHcQO0DFNjQUgS2-hU0rnf1SL8l0NtqUL_a4JOREezbqP5mcSkIZFobL7FxCNKcgoYZ9XitVC3Rpv4Ifz41nxHvjTNr38m-e6prkCKizQQ2sT_CWP7xN0UEFqQmb/s1600/Cara+Memasang+Gambar+Gif.gif"> </amp-img> </amp-anim>


Demo

Amp, Blogger, Tutorial

You Might Also Like:

Next Post
Previous Post
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Tambahkan Komentar Tutup Komentar

Disqus Comments