Gambar atau thumbnail adalah elemen penting dalam sebuah blog karena jika blog tidak ada gambarnya tidak akan menarik dan kurang afdol. Maka dari itu gambar harus diikut sertakan dalam sebuah artikel, selain membuat artikel menjadi menarik, gambar juga bisa menjadi pengunjung menjadi penasaran untuk membacanya.
Seperti yang kita tau untuk bisa menambahkan gambar diblog AMP anda perlu mengubah html nya, karena kalau tidak diubah html nya akan membuat blog menjadi eror. Dan akan mendapat notifikasi dari Google untuk memperbaikinya
Oke kita langsung ke pembahasan cara memasang gambar di blog AMP.
A. Memasang gambar dalam postingan
1. Upload atau unggah Gambarnya sama seperti biasa
2. Pada menu Compose sekarang kita beralih kemenu Html
3. Maka kode atau Html gambarnya seperti berikut ini
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5QhnKWo3gqL_b8K_KYT3kCReH1ijBVctv6dZIMJmTze7-RzjDtjeOgfrpDRu8f3Nq9wvOQE7TtSXgdvyIPlk3_541ScOWrqfA7YRl2KXrBQNK9Rm_Zzo6ha_hSKlopq6FOQ75-A6uyI/s1600/amp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" data-original-height="393" data-original-width="768" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5QhnKWo3gqL_b8K_KYT3kCReH1ijBVctv6dZIMJmTze7-RzjDtjeOgfrpDRu8f3Nq9wvOQE7TtSXgdvyIPlk3_541ScOWrqfA7YRl2KXrBQNK9Rm_Zzo6ha_hSKlopq6FOQ75-A6uyI/s320/amp.jpg" width="320" /></a></div>4. Edit kodenya Html gambarnya menjadi seperti kode berikut
<img alt=" nama gambar "
width="640"
height="480"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3U-Fj2CqJDZLHuMCcA_HT_yFI2YZTA2sHEAQXnQJqZoSmNXkC6HGsAsvwf3O455qa5RxGUqmTth8w7ANty_X6IvdAujQ-50uBK9isuCO87AhnEJvGD3p3_EZb4JjJYBpW0MZ07kSASg/s1600/Anti+Copas+CSS.png" />Kesimpulannya sobat hanya cukup mengambil link gambarnya saja dan salin ke tulisan yang sudah saya tandai.
B. Memasang Gambar atau Thumbnail untuk Beranda atau Home Page
Caranya sama seperti yang diatas anda ambil link gambarnya dan salin pada tulisan yang sudah saya tandai dibawah ini
<noscript>
<img alt=" nama gambar "
width="640"
height="480"
src=" <https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3U-Fj2CqJDZLHuMCcA_HT_yFI2YZTA2sHEAQXnQJqZoSmNXkC6HGsAsvwf3O455qa5RxGUqmTth8w7ANty_X6IvdAujQ-50uBK9isuCO87AhnEJvGD3p3_EZb4JjJYBpW0MZ07kSASg/s1600/Anti+Copas+CSS.png " />
</noscript>Kode ini akan menampilkan Thumbnail untuk beranda atau Home Page blog sobat.
Itulah tutorial cara mudah memasang Gambar diblog valid AMP semoga bisa bermanfaat !
Jika masih kurang jelas anda bisa berkomentar pada kolom komentar, jika tidak ada halangan saya akan secepatnya membalas.
Terima Kasih
