Cara Edit dan Posting

4. Membuat postingan

A. Thumbnail untuk postingan, silahkan gunakan html di bawah ini dan simpan di paling atas.

<div class="thumb-post">
<noscript><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSxKIUVBepujb2Q8amccNOIYdyGfW9iCfUeER6xNu_mv9E-8RVcGDa0hFi26S5V2WjOwXvHc_GRBzEqtPkuZe9g-cJlDphf1tw0oeIKUE50MK2exiLZtoB-Ao8i06xFhn7haOFzrX6Cs/s1600/4.jpg" width="650" height="350" alt="Curabitur placerat est sem"/></noscript>
</div>

B. Menyisipkan gambar lainnya.

<amp-img
      alt="Curabitur placerat est sem"
      height="350"
      layout="responsive"
      on="tap:lightbox1"
      role="button"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSxKIUVBepujb2Q8amccNOIYdyGfW9iCfUeER6xNu_mv9E-8RVcGDa0hFi26S5V2WjOwXvHc_GRBzEqtPkuZe9g-cJlDphf1tw0oeIKUE50MK2exiLZtoB-Ao8i06xFhn7haOFzrX6Cs/s1600/4.jpg"
      tabindex="0"
      width="650"></amp-img>

Dengan kode di atas maka gambarnya otomatis menggunakan lightbox amp, ketika gambar diklik maka akan menjadi full screen.

C. Menyisipkan video Youtube

<amp-youtube
     data-videoid="ID VIDEO YOUTUBE"
     height="270"
     layout="responsive"
     width="480"></amp-youtube>

D. Menyisipkan slider untuk beberapa gambar

<amp-carousel width="400"
      height="300"
      layout="responsive"
      type="slides">
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEickWjXt5Ku2B9NN8gQHJL9T_d7n0PmS3sbeAXuLUFn2m68qleSn6RKTtDO_w66yra9ExBM9WjCsjhGM2PQMObElYNDrfIfHvMDihbHz3Gm7ARkXTsJQ3aPnp9xPTPYCPKEJQ3a1X5rCHsI/s1600/image1.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9aCvk40dytkxxb8m8PMCEunQUfATHUtdo0cEUWq1Asq3B9IN5BA5GtHQ9FdDyACrIiON29ame8lEvhdp_1aFIdftmCtqeEuukDFp7CVFJagSmC2wIhbQ7916lLi6PnnOUItb4I5at2eSo/s1600/image2.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8KK4Pd_3_EiLi__RUW8hPfLgKitz85JuQLUW66TZFFDYJ-cftE0SfnFJXNwQqmRaJn7GKGrN8nM_bbCPBf6-KbdqLMKdcmGvVR0-4r3f2UMulJkbAw-CmieMKS_YuLJPb1Z4IToIGqIuz/s1600/image3.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
  </amp-carousel>

E. Tag yang harus dihindari di postingan

Hindari penggunaan tag HTML dengan CSS inline seperti <div style="text-align: justify;">...</div> ataupun lainnya. atau memasukan javascript atau CSS style ke dalam postingan.