Amp html blog adalah salah satu blog yang memakai amp html template. mengunakan amp html banyak memdapatkan kelebihan pada segi loadingnya. Di sisi lain template blog dengan struktur kode amp html ini juga banyak kekuranganya. salah satunya yang banyak di bicarakan bahwa di amp html,katanya tidak dapat memasang kode javascrip.kekurangan lainya pakai amp html blogger template yaitu sedikit memakan waktu ketika membuat postingan. Pada postingan ini karena memakai Amp template saya menulis pada mood kompres. Menurut para master pembuat template begitu lah seharusnya
Membahkan gambar di postingan amp html. Pada postingan yang pertama ini saya mengupload sebuah gambar.Upload gambar dari harddrive langsung sama seperti biasanya rupanya, bedanya di sini kita membuat postingan pada mood html. Pada mood html jika mengupload (tambah gambar) yang kelihatan bukan gambarnya melainkan malah kodenya. Kurang lebihnya kodenya seperti di bawah ini
dari kode di atas itu ada kode yang
saya tandai warna kuning,
Kode tersebut adalah link URL GAMBAR.
Jika kita ingin memasang gambar di postingan amp html
yang kita perlukan di sini hanya
URL GAMBAR saja yaitu yang ditandai warna kuning tadi dan kode lainya di situ
silakan di hapus semua.
Untuk menambahkan gambar pada postingan
agar valid di blog amp,saya sudah dapatkan ilmunya dari official
amp project dari blog kompi ajaib,caranya adalah dengan menambahkan kode gambar berikut ini:
Kode gambar pertama.Gambar
pertama maksudnya gambar yang
paling atas dan ini merupakan
gambar utama karena setiap membuat
postingan blog tentu akan menarik jika
ada gambarnya walaupun cuma satu
gambar
Kode Gambar Selain Gambar Pertama. Di sini maksudnya gambar kedua ketiga dan keempat.kurang lebih kodenya seperti ini:
height="333"
layout="responsive"
src="URL GAMBAR"
tabindex="0"
width="556">
</amp-img>
Kalau sudah,maka kira kira kodenya akan menjadi seperti ini
height="333"
layout="responsive"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRor-bZQDr_9aMjWjaYyiZQ-zHyktFqoi0q1_tOlyfes7FUDvZxH3kQRYv8t6pcqVedQx1FV1bvlOcpLHI6MZhTFwYl79Oll0Fh2F0HfKY-EonvIqIf3WxTSA8En9bsn_lwXcrOPg8P3h8/s1600/Amp+Html+Blog+Posting.jpg"
tabindex="0"
width="556">
</amp-img>
Seperti itu lah kira kira membuat postingan menambahkan gambar di blog amp html.Sedikit ribet sebenarnya namun tidak begitu susah juga sih.
Sebenarnya kode dan tutorial ini saya pelajari dari hasil browsing.Di blog ini saya hanya menuliskan kembali untuk sekedar percobaan membuat postingan yang pertama untuk blog amp html ini. Sekiranya ada salah tulis atau kata-kata yang tidak di pahami sebelumnya harap maklum sebab pemilik blog ini masih newbee dan baru tarap belajar mengelola blog