Monday, November 4, 2019

Cara Membuat Artikel Simple Blog AMP Termudah

Memahami tentang dunia blogging itu bisa terbilang cukup mudah asalkan mau belajar terus, pada artikel ini saya akan memberikan sedikit cara untuk memposting artikel yang valid AMP.

Apa itu AMP ?

AMP (Accelerated Mobile Pages) adalah halaman web yang didesain khusus agar laman tersebut mobile friendly dan sangat cepat diakses melalui browser smartphone.

Kelebihan AMP ?

Yang paling umum dari kelebihan AMP itu,loading cepat karena dibuat menggunakan html dan css dan buat SEO yangat cocok sekali.

Kekurangan AMP ?

Biasanya kalau kita mau posting artikel harus mengikuti peraturan yang valid amp kalau ada yang salah bisa-bisa jadi error.

Bagaimana apakah anda tertarik untuk menggunakan templeate yang valid AMP dan Postingan Valid AMP??
Jika anda ingin membuat postingan artikel yang valid AMP disini lah jawabanya...

Pertama yang harus dilakukan ialah membuat templeate atau tema anda menjadi valid AMP, kalau anda tidak bisa bisa kalian cari-cari teampleate yang valid AMP.

Oke saya anggap blog kalian sudah support amp ya, lanjut!! Oke seperti pada umumnya kalian masuk dulu ke tempat posting artikel dan buat entri baru ya..

Setelah itu anda harus ganti dulu dari tadinya compose menjadi html ya lalu masukan script postingan sederhana support amp dibawah:
<div data-amp-style="text-align: left;" dir="ltr">
Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra, sodales ipsum et, sodales urna. In massa nisi, faucibus id egestas eu, fringilla sit amet velit. Integer vel dui eget lacus fermentum ornare ac at nisl. Cras justo urna, lacinia vel massa at, tincidunt posuere lectus. Nulla pretium ultrices velit ut malesuada. In arcu sem, elementum at nunc eu, ullamcorper bibendum lorem. Quisque rhoncus lacinia volutpat. Mauris tempus enim ornare neque rutrum mollis. Sed faucibus laoreet malesuada. Nam est enim, vulputate id porta id, maximus sagittis nulla.
<br />
<h3>
Judul 1</h3>
<div>
Tulisan buat judul 1.</div>
<h3>
Judul 2</h3>
<div>
Tulisan buat judul 2</div>
<h3>
Judul 3</h3>
<div>
Tulisan buat judul 3</div>
</div>
<noscript><img alt='ini terserah aja' src='Link gambar buat tumbnail'/></noscript>

Tinggal kalian ganti aja dengan postingan yang kalian mau buat.
-Tulisan merah diganti dengan kalimat pembuka
-Tulisan warna hijau di isi dengan link gambar yang nantinya akan menjadi tumbnail postingan.

Sebenarnya sih terserah suka-suka kalian ingin mengeditnya seperti apa yang pasti jangan memakai javascript aja.
Apakah kalian paham? Kalo kalian belum paham kalian bisa berkomentar dibawah ya, nanti pasti saya jawab kok.

Demikian untuk postingan kali ini semoga dapat membantu anda yang sedang belajar bloging tetap semangat aja ya ok, sampai jumpa kembali ya see you again.