Ini yaitu artikel pertama yang aku tulis di blog ini, disini aku akan mencoba posting dengan judul cara Memasukan Gambar, Video, Di Postingan Blog Valid AMP HTML.Seperti yang telah kita ketahui bahwa menciptakan artikel atau memasukan gambar dan video dalam postingan blog yang sudah valid AMP HTML itu tidak sembaranagn, tidak hanya sekedar upload gambar atau video kemudian kita tidak memperhatikan instruksi yang tidak di perbolehkan dalam blog yang sudah Valid AMP HTML, yang hasilnya akan mengakibatkan error dalam valid AMP. Kode yang dihentikan ada dalam postingan maupun dalam template yaitu, dihentikan memakai instruksi
<div style="text-align:justufy;"><div style="text-align:center;">
<img src="url gambar.png" alt="gambar"/>
</div>Setelah situs atau blog kita sudah valid AMP HTML, Dan ketika menciptakan postingan, instruksi di atas sudah tidak kita gunakan lagi. yang kita gunakan yaitu aturan-aturan gres semoga situs atau blog kita tetap valid AMP HTML. Dibawah ini aku akan memperlihatkan pola untuk cara Memasukan Gambar atau Video dalam Postingan Blog AMP HTML.
Yang pertama untuk cara menciptakan gambar postingan. Gambar postingan untuk Thumbnail, kalau kita akan menciptakan gambar untuk thumbnail postingan kita gunakan instruksi
<noscript> menyerupai dibawah ini. Perlu di ingat, ini hanya kusus untuk gambar thumbnail, gambar yang akan di tampilkan di homepage. Untuk lebar dan tinggi nya dapat anda sesuaikan sendiri. <noscript>
<img src="url gambar.png"
width="750"
height="500"
layout="responsive"
alt="gambar"/>
</noscript>Yang kedua memasukan gambar selain gambar thumbnail atau gambar yang akan di jadikan perlengkapan postingan. Untuk menciptakan gambar postingan gunakan
amp-img menyerupai di bawah ini. Untuk lebar dan tingginya dapat Anda sesuaikan sendiri. <amp-img src="url gambar.png"
width="500"
height="300"
layout="responsive"
alt="gambar">
</amp-img>Untuk mengatur gambar semoga berada di sebelah kiri, tengah, atau kanan, gunakan kode.
<div class="center"> Jika ingin gambar berada di sebelah kiri, Ganti goresan pena center menjadi Left dan kalo ingin gambar di sebelah kanan, ganti goresan pena center menjadi right, atau dapat Anda baca artikel aku yang berjudul Cara Agar Postingan Gambar Lebih Rapih Pada Blog AMP HTML. Setelah kita mengerti cara memasukan gambar di blog valid AMP HTML, kini kita akan memasukan video kedalam postingan blog. Untuk cara memasukan video dari youtube, pastikan template amp Anda sudah tesimpan script amp-youtube, kalau belum, silahkan simpan terlebih dahulu script di bawah ini pada tag
<head> <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>kalau sudah tersimpan, gunakan instruksi di bawah ini untuk memasukan video youtube dalam postingan blog amp anda.
<amp-youtube width="480"
height="270"
layout=responsive data-videoid="XXXXXXXX"
</amp-youtube>Ganti xxxx dengan ID video yuotube anda. maka hasilnya menyerupai di bawah ini.
kalau ingin video yang akan dimasukan dalam poatingan memutar secara otomatis, kita tinggal tambahkan goresan pena autoplay. maka instruksi yang di gunakan menyerupai di bawah ini.
<amp-youtube width="480"
height="270"
layout=responsive data-videoid="XXXXXXXX" autoplay>
</amp-youtube>maka hasilnya menyerupai di bawah ini, dan memutar secara otomatis.
Demikian artikel perihal Memasukan Gambar Atau Video Di Postingan Blog Valid AMP HTML. Semoga bermanfaat.
