Skip to main content
Uncchu

follow us

Cara Update Postingan Blog Agar Valid AMP di Blogger Terbaru

Cara Update Postingan Blog Agar Valid AMP di Blogger Terbaru - Seperti diketahui beberapa waktu belakangan ini blogger telah melakukan perombakan besar-besaran terhadap tampilan antar mukanya.

Mulai dari dashboard utama yang sudah sangat mobile friendly hingga menu posting yang makin intuitif.

Perubahan ini tentunya memberikan angin segar bagi mereka yang berstatus sebagai blogger missqueen (jangan tersinggung ya) yang nge-blog dari HP seperti saya misalnya.

Jujur saja fitur yang ada di blogspot atau blogger jauh tertinggal banyak dari fitur blogging dari pesaing mereka. Sebut saja aplikasi mobile yang tidak selengkap wordpress.

Modifikasi template atau theme yang sangat terbatas hingga fitur AMP yang sangat rumit. Jika di WordPress semua beres seketika dengan hanya tinggal aktifkan atau pakai plugin saja.

Namun, tidak begitu dengan AMP template pada blogger. Untuk membuat sebuah postingan saja agar valid AMP. Anda harus ekstra hati-hati, salah satu kode saja, sangat berpengaruh pada fitur AMP blogger.

Hingga tak heran banyak yang tidak terlalu suka dengan tema atau template AMP untuk blogspot ini.

Nah, jika Anda adalah salah satu orang yang menyukai tantangan dalam menulis postingan AMP di blogger sama seperti saya. Salam kenal teramat sangat saya haturkan untuk Anda.

Berdasarkan pengalaman saya menggunakan template AMP untuk blogger. Akan saya bagi diulasan kali ini. Anda tertarik untuk menyimak sampai habis ulasan kali ini?

Baik, jangan lupa siapkan kopi untuk menemani Anda membaca ya.

Cara mudah posting artikel agar valid AMP di template AMP blogger

Pada tampilan dashboard terbaru blogger. Ada hal yang menarik untuk saya sorot dan ulas di artikel ini.

Yaitu fitur replace, kalau biasanya saya menggunakan ektensi yang ada di browser chrome. Sekarang fitur replace ini justru ditanam langsung di dashboard postingan.

Namun, untuk dapat menggunakan fitur ini, Anda harus oper dulu draft postingan dari mode compose view ke HTML view.

Secara garis besar fitur ini cukup bisa melakukan tugasnya dengan baik. Meski dibeberapa kata masih salah eksekusinya.

Misal, jika Anda ingin merubah kata anda (a huruf kecil) dengan Anda (a huruf kapital) biasanya akan salah eksekusi pada kata standar.

Fitur selanjutnya adalah format as code. Jujur fitur ini belum saya coba di postingan. Tapi ketika saya coba ternyata lebih mirip block quotes atau quotes text dengan format huruf klasik. Lupa nama font ya hehe.

Cara update postingan agar valid AMP di Blogger Terbaru

Berikut adalah langkah atau cara update postingan agar valid AMP di blogspot,

1. Ganti template blogspot dengan template AMP blogspot.

Hal pertama yang harus Anda lakukan tentunya adalah mengganti theme blog dengan template yang valid AMP.

Banyak sekali template AMP yang berseliweran di internet. Saya merekomendasikan template buatan Kang Adhi Suryadhi, karena menurut saya belakangan ini beliau adalah pembuat template blogger yang fokus ke AMP.

Pembuat template blogger lainnya yang saya rekomendasikan adalah Mas Sugeng. Ciri khas template Mas Sugeng adalah sederhana dan loading blog yang luar biasa.

Selanjutnya, ada Mas Basri Matindas dengan gaya template AMP yang clean dan elegan, ada juga Mas Muhammad Maki dengan template fletronya yang terkenal menggunakan SVG icon.

Hal yang harus dicatat adalah lakukan backup blog dulu sebelum melakukan penggantian thema atau template ke AMP.

2. Cek page dan postingan

Setelah Anda melakukan penggantian template, cek postingan apakah ada yang kena di validator AMP.  Anda bisa cek di https://validator.ampproject.org/.

Pada umumnya jika blog Anda sebelumnya adalah blog biasa, maka otomatis semua postingan dan page akan terkena alias tidak valid AMP.

Apa yang harus Anda lakukan?

Nah, jika blog Anda adalah blog yang sudah memiliki ribuan tulisan. Ada baiknya Anda tidak meneruskannya.

Ada dua opsi yang bisa Anda pilih, yaitu mengembalikan backup atau merubahnya ke AMP. Jika Anda memilih opsi kedua maka Anda bisa lanjut ke langkah ke 3.

3. Edit postingan agar valid AMP

Sekarang waktunya Anda mengedit postingan agar valid AMP. Hal pertama yang harus dilakukan adalah :

a. Masuk ke halaman blogger dan pilih postingan yang akan divalidkan.

b. CTRL+A kemudian clear formating.

c. Salin url gambar di setiap postingan

d. Masukkan code AMP untuk gambar, kode seperti di bawah ini,

<noscript><img alt="judul gambar blog Anda" height="408" width="750" src="url gambar blog Anda" title="judul gambar blog Anda" /></noscript>

Sedangkan kode di bawah ini adalah kode untuk Anda yang ingin menyisipkan gambar di dalam postingan.

<amp-img alt="judul gambar blog Anda" height="408" src="url gambar blog Anda" title="judul gambar blog Anda" width="750" layout="responsive"></amp-img>

4. Edit postingan dan simpan

Setelah itu, edit postingan Anda. Tentukan heading H2, H3 atau H4 nya. Pastikan tidak ada ektensi yang cukup memberatkan postingan dan mempengaruhi AMP blog.

5. Edit artikel menggunakan <p>

Nah, jika Anda adalah salah satu blogger yang blognya langsung tertaut dengan artikel instant di facebook. Sekarang menggunakan ektensi <p> sudah bisa dilakukan.

Untuk membuat sebuah paragraf, awali dengan <p> kemudian tutup dengan <p/>, Perlu diingat buat dulu paragraf pertama di mode HTML view sebelum pindah ke mode Compose View. Contohnya ada di bawah ini.

<p>Cara membuat postingan dengan ektensi p <p/> 

Nah, jika paragraf telah selesai di mode HTML view silakan oper ke mode compose view. Kemudian tinggal enter untuk membuat dan memulai paragraf selanjutnya.

Update

Untuk menambahkan gambar, Anda bisa melakukannya dengan menanam kodenya di post template. Untuk mengaturnya cukup masuk ke setting, pilih post, comments and sharing. Lalu masukkan kode amp img tadi di post template.

Kesimpulan

Nah, mudahkan? Jika ada pertanyaan mengenai cara update postingan blog agar valid AMP di Blogger. Silakan tulis komentar atau pertanyaan di kolom komentar. Semoga penjelasannya bisa dimengerti.

Catatan : Script dan amp image adalah amp img bawaan dari template yang saya gunakan yaitu template amp milik Kang Adhi Suryadi.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar