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://2.bp.blogspot.com/-Xk6KKtIi7JA/U8MdruSxxMI/AAAAAAAAdQM/aKG8J3BXnUs/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://2.bp.blogspot.com/-Xk6KKtIi7JA/U8MdruSxxMI/AAAAAAAAdQM/aKG8J3BXnUs/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://4.bp.blogspot.com/-v-y2hJEU49E/V-zSdVlbYRI/AAAAAAAAoAw/Gy0SGRDo6jAYOzFrWa7tb_L_uCGRftZWwCLcB/s1600/image1.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://2.bp.blogspot.com/-Am-eNX5IZWw/V-zSdUZ9NrI/AAAAAAAAoA0/4u1Q4tMiPpcuFHeSDbLbHJA8wEa8zOrngCLcB/s1600/image2.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://4.bp.blogspot.com/-rxREfSseAik/V-zSdgi92wI/AAAAAAAAoA4/80A0ZH_nEXAMe5jgjFtqDmZ5LFISzW4fQCLcB/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.


Related Posts:

Disqus Comments
© 2017 UDEL_KU - Template Created by goomsite - Proudly powered by Blogger