Tuesday, September 26, 2017

Cara Agar Semua Postingan Blog Valid AMP

Cara Agar Semua Postingan Blog Valid AMP

Seperti yang sudah dibahasa sebelumnya, cukup keuletan dan kesabaran agar blog blogspot anda valid amp. Karena tidak serta merta hanya membutuhkan template valid amp, melainkan juga anda harus mengedit artikel-artikel sebelumnya yang belum sesuai dengan pedoman penulisan bahasa AMP. 

Lalu bagaimana cara menulis artikel di blogger agar valid AMP? Berikut akan kami jelaskan dengan gambar.

Jika Membuat Artikel Baru
Jika kalian membuat artikel baru dengan template valid amp, harap perhatikan bahwa beberapa fitur seperti  mengganti jenis huruf dalam artikel, dan mewarnai tulisan adalah tidak valid.

Selain itu jika kalian sudah mengupload dan memasukan gambar, anda perlu mengubah mode compose menjadi mode HTML. Dan mengubah code <img> menjadi <amp-img> dan menghilangkan code border

Jika Mengedit Artikel Lama
Untuk valid amp, anda perlu mengedit artikel-artikel lawas anda dan mengubah beberapa code. Berikut cara agar lebih mudah mengedit code-code yang tidak valid AMP tersebut.

1. Pertama, buka artikel yang ingin di edit terlebih dahulu.

2. Setelah terbuka, seleksi semua text (ctrl + a ) dan klik remove formating icon di panel atas. (lihat gambar)
>
3. Setelah itu, anda format artikel seperti heading, blockquote bahkan text yang sudah di-bold akan kembali normal.

4. Setelah itu silahkan format kembali namun tanpa memasukan kode style

5. Untuk gambar, silahkan ubah menjadi mode penulisan HTML dan silahkan ganti code <img> menjadi <amp-img> dan menghapus code border="0" dan juga anda perlu memasukan code width dan height secara spesifik. Contoh format penulisan gambar seperti di bawah ini:
<amp-img alt="alt gambar" height="650" layout="fixed"  src="URL GAMBAR" width="950"></amp-img>
Note:
Jika anda sudah mengubah kode html untuk gambar, maka gambar secara otomatis tidak akan nampak, begitu juga thumbnail-nya, tidak akan muncul. Untuk memunculkan thumbnail, tambahkan kode <noscript>....</noscript> pada HTML dasar <IMG>.

Selengkapnya: Cara Mengatasi Error Thumbnail Postingan AMP Blogger

6. Setalah itu, silahkan coba publikasikan artikel anda. Jika memang terjadi error, silahkan cari kode yang error.  Gunakan ekstensi AMP Validator di chrome atau firefox anda untuk mengetahui code yang error.

Demikian artikel mengenai Cara Agar Semua Postingan Blog pada blogger valid AMP secara otomatis. Sekian dan jangan lupa berkomentar.

Baca juga: Cara Agar Valid AMP untuk Blog Blogspot
Disqus Comments