Postingan Yang Pertama Kali Di Blog Baru Amp Html Blog

Postingan Amp Html Membuat Gambar Valid Amp Ini Adalah Postingan Pertama Di Amp Html Blog
Postingan yang pertama untuk blog baru yang bernama Amp Html Blog ini adalah percobaan.Di postingan yang pertama kali ini saya akan menulis artikel yang berisi text dan gambar-gambar dulu. Sekiranya tidak mendapati eror atau kesalahan lain,maka postingan ini akan terus di publisasikan. Sebagai seorang newbee yang baru saja punya blog pasti banyak kukurangananya dalam mengelola bloknya.Dari sini lah saya mencoba belajar mengenai blog terutamanya blog yang di sebut amp html.

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

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM_czhxCKmMkblttZtUK7ubUQP99icn_Or9-0ta8tKAgSq2wOO8qKkvHEQ_SKVEO5JW5DoA78ses6wRt7qXAzTa3-azXLLqYHI4dqltzaz6NxPSOVKwVdLj5L7gWnfxeKvtHrvJolmdaCK/s1600/Postingan+Amp+Html.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM_czhxCKmMkblttZtUK7ubUQP99icn_Or9-0ta8tKAgSq2wOO8qKkvHEQ_SKVEO5JW5DoA78ses6wRt7qXAzTa3-azXLLqYHI4dqltzaz6NxPSOVKwVdLj5L7gWnfxeKvtHrvJolmdaCK/s320/Postingan+Amp+Html.jpg" width="320" height="180" data-original-width="640" data-original-height="360" /></a>
Kode di atas itu sebenarnya adalah gambar yang baru di upload tadi dan di diantara kode itu ada link yang akan di gunakan untuk membuat postingan gambar pada blog amp.

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

<noscript><img alt="ALT GAMBARNYA" height="333" src="URL GAMBARNYA" title="TITLE GAMBARNYA" width="559" /></noscript>
Pada kode di atas untuk "URL GAMBAR" kita ganti dengan url link gambar.Dan pada "ALT GAMBAR" dan "TITLE GAMBAR" Silakan isi kan diskripsi gambarnya.Misalnya " Cara Ngeblog Pakai Amp HTML". jika sudah maka kodenya kurang lebihnya akan seperti di bawah ini
<noscript><img alt="Uang Dollar Dari Hasil Ngebloh pakai Amp Html" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsw4I_TorfrRSReKbIlqW0DQ_FPMbWcLdQrYqH9Re56U8cAFXgDMcTC5RiWbLgMsnlnmwmf2K3ijt2kbyJcT1vD7_PulSMdmcVyHaF1WtUvaYlsFtuTUqSX1radCF7NBGAgznMvEDAylXA/s1600/Amp+Html+Blog+Posting.jpg" title="Uang Dollar Dari Hasil Ngebloh pakai Amp Html" width="559" /></noscript>

Kode Gambar Selain Gambar Pertama. Di sini maksudnya gambar kedua ketiga dan keempat.kurang lebih kodenya seperti ini:

<amp-img alt="ALT GAMBAR"
   height="333"
   layout="responsive"
   src="URL GAMBAR"
   tabindex="0"
   width="556">
</amp-img>
Pada kode di atas untuk "URL GAMBAR" kita ganti dengan url link gambar.Dan pada "ALT GAMBAR" Silakan isi kan diskripsi gambarnya.Misalnya " Cara Ngeblog Pakai Amp Html".

Kalau sudah,maka kira kira kodenya akan menjadi seperti ini

<amp-img alt="Cara Ngeblog Pakai Amp Html"
   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>

Maka hasilnya:

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
Sedikit waktu di sisihkan untuk dunia blogging