Solusi yang Harus Kamu Tau Dalam Membuat Artikel,Gambar,Widget Pada Blog Valid AMP

Blog Valid AMP




Terkadang semua blogger ingin blog mereka menjadi valid AMP. Selain memberikan kesan yang baik untuk google, para pengunjung pun akan lebih nyaman untuk membaca-baca artikel kalian.Tapi kalian juga harus tau nih, gak gampang loh buat blog kita valid AMP.

Kaya gua misalnya ya. Pemikiran gua waktu pertama terjun kedunia blogging ialah hanya sekedar nulis artikel. Entah itu artikel tutorial, wisata bahkan sampe cerita-cerita yang,.. tau lah maksudnya. Gua cuma tau itu, kita buat blog terus kita isi artikel, udah cuma sampe situ doang.

Ternyata setelah beberapa tahun gua didunia blogging baru sadar, kalo seandainya, blog kita tuh bisa dirubah lebih enak, agar para visitor kita nyaman. Dan disitu gua dikenalin tuh sama AMP. Pertama tau kalo blog AMP bagus, gua langsung berfikir tuh buat blog baru yang valid AMP.

Ternyata itu gak mudah sob. Gua sampe berkali-kali test di Amp Valid, itu blog gua kaga valid-valid. Sempet kesel juga sih distu gua. Nyari apa yang mesti dibenerin, di hapus, tetap aja susah. Puyeng liat kode CSSnya gua.

Kesulitan yang harus kalian tau nih, buat yang mau build blog valid Amp gua kasih tau aja nih, barang kali ada yang mau coba.

Postingan
Untuk blog biasa yang kaga pake template amp mungkin nulis artikel sangatlah mudah. Tinggal kalian tulis, edit lalu udah itu publish. Nah, untuk kalian yang mau coba pake template amp, dari postingan aja itu udah ribet.

Baca Juga:
Game Mobile Legends, Bikin Bahagia Rasa Stress!
Sulit Kerja? Akhirnya Bisa Ngasilin Duit Diem Dirumah
10 Game PS1 yang Sulit Dilupakan Kaya Mantan Kamu

Masalahnya, blog yang valid amp itu memiliki perbedaan dalam kodenya. Misalnya "justify" atau rata kanan dan kiri. Kalo di blog amp, itu ga bisa sob. Tapi lu harus ganti pake "div. Gua juga gitu. Pas masih pake yang "justify", blog gua kaga valid, tapi kalo pake "div" baru valid.

Ribetkan tuh ya, makanya. gua kasih solusinya disni. Biasanya blog yang valid amp, gak mentingin tuh, mau rata kanan kiri, mau kiri. Gua juga liat blog-blog besar lainnya yang valid amp kaya gitu semua. Kaya blog gua aja nih, tulisannya ga rata kiri kanan kan.

Gambar
Untuk masukin gambar di blog valid amp juga berbeda sama blog pada umumnya. Ada 2 type untuk memasukan gambar dalam artikel.  Kalo blog biasa itu pasti kan kodenya itu :
img alt Kalo di blog amp itu jadi amp-img alt
Kemudian, kalo kalian mau masukin gambar itu 2 kali, kenapa? sini gua jelasin.
Untuk blog amp itu, kalo kalian masukin gambar kalian dengan cara biasa itu gambarnya ngga akan muncul. Makanya harus pake kode yang ini:
<amp-img alt="AMP HTML" height="338" layout="responsive" src="url-gambar" width="640"></amp-img>
Awalan gambar haruslah amp-img tututp juga dengan /amp-img
Layout itu ada beberapa jenis, seperti halnya fixed, fill, responsive, flex-item, fixed-height dan lain-lainnya. Lebih baik kalian gunakan aja responsive, itu akan mengikuti layar laptop/hp yang membuka blog kalian.   

Kalo kalian pasang tuh gambar, dengan kode yang tadi bakalan muncul saat dibuka, hanya saja untuk thumbnailnya itu kosong alias gak ada gambarnya. Kenapa? jadi inilah kesulitan dari blog amp. Gambar sih muncul di artikel, tapi kok thumbnailnya kosong.

Ternyata, blog amp itu harus masukin 2 gambar sob kalo kalian buat artikel yang ada thumbnailnya. Caranya yaitu pake kode ini nih:
<noscript><img width="640" height="338" alt='gambar' src='url-gambar'/></noscript>
Kode ini taruh di atas kode gambar kalian yang tadi. Terus kalian coba cek, pasti thumbnail artikel kalian sekarang udah muncul. Banyak blogger yang kebingungan saat melihat thumbnail artikel mereka kosong. Solusi untuk blog amp ya pake kode itu.

Widget
Buat kalian yang suka nambah widget terasa mudah bukan. Tetapi untuk blog amp ada kesulitan tersendiri. Pasalnya, ada beberapa kode yang tidak diterima atau dilarang oleh amp. Jadi setiap kalian menambahkan widget pada blog amp itu tidak bisa seenaknya.

Solusi dari widget adalah menghapus code ini
<b:include name='quickedit'/>
Seandainya kalian mau menambahkan widget, kalian harus kembali lagi menghapus kode tersebut pada template kalian.

Nah itu dia merupakan solusi yang harus kalian tau untuk membuat artikel, menyisipkan gambar dan widget pada blog valid AMP. Blog amp memang sulit dan banyak sekali beberapa perbedaan. Oleh karena itu, kalian harus rajin melihat source code kalian.