MASIGNCLEAN101

Membuat Artikel Atau Post Valid Amp Html


Agustus 08, 2009
Membuat Artikel Atau Post Valid Amp Html
Sabtu, 08 Agustus 2009

Accelerated Mobile Pages atau disingkat menjadi AMP atau Seluler yang dipercepat merupakan prakarsa sumber terbuka yang dipakai untuk menyediakan laman web yang dimuat dengan cepat dan terlihat cantik pada perangkat seluler. AMP ini dirilis oleh Google pada oktober 2015 yang bertujuan utnuk meningkatkan pengalaman pengguna khususnya publisher sehingga sanggup memuat laman yang maksimal dan meningkatkan secara optimal mobile yang baik.

Pada kali ini aku akan menawarkan sedikit tutoial cara menulis artikel atau postingan yang mendukung untuk blog AMP


1. Memasang Gambar Utama dari Postingan
Memasang gambar utama ini dipakai sebagai gambar utama dari postingan kau sehingga gambar ini biasanya akan terlihat di paling atas judul postingan atau gambar saat di share ke media sosial. Gambar ini tidak akan muncul pada isi artikel atau postingan.

Contoh Artikel atau Postingan Valid AMP HTML: Lihat Postingan

Kode Gambar Utama
<noscript><img alt="Membuat Artikel atau Post Valid AMP HTML Membuat Artikel atau Post Valid AMP HTML" width="680" height="382" src="https://ALMAT GAMBAR.jpg" title="Membuat Artikel atau Post Valid AMP HTML" /></noscript>

Keterangan: Ganti goresan pena yang di mark warna kuning, menjadi alamat gambar yang ingin kau gunakan sebagai gambar utama artikel atau postingan

Membuat Artikel atau Post Valid AMP HTML Membuat Artikel atau Post Valid AMP HTML

2. Memasang Gambar pada isi Artikel atau Postingan


Gunakan isyarat di bawah ini untuk memasang gambar pada artikel kamu
<amp-img alt="Membuat Artikel atau Post Valid AMP HTML Membuat Artikel atau Post Valid AMP HTML" height="300" layout="responsive" src="https://ALAMATGAMBAR.jpg" width="430"></amp-img>

3. Cara Memasang Video YouTube Valid AMP HTML
Gunakan isyarat di bawah ini untuk menampilkan video dari YouTube. Ganti goresan pena yang di mark kuning menjadi id video dengan cara
  1. Ambil isyarat video dari alamat video YouTube yang ingin kau gunakan
  2. Letakan pada isyarat amp-youtube
  3. Simpan isyarat pada artikel atau postingan kamu
Membuat Artikel atau Post Valid AMP HTML Membuat Artikel atau Post Valid AMP HTML


Kode YouTube valid AMP HTML
<amp-youtube data-videoid="i7wveOu5hkQ" height="270" layout="responsive" width="480"></amp-youtube>

 4. Menggunakan Tulisan Justify
Gunakan isyarat CSS  .center {text-align: justify;}
lalu gunakan <div> untuk menggunakannya. Contoh:

<div class='center'>
PANDUANBLOG.ID merupakan media blog yang dipakai untuk bertukar dan menyebarkan isu mengenai tutorial blogger.
</div>

Sekian mengenai Cara Membuat Artikel atau Postingan Valid AMP HTML biar bermanfaat. Terimaksih dan Selamat mencoba 😀

Sumber https://www.panduanblog.id/
Share This :

Related Post