Image 01: Image with Caption and Auto Lightbox

Untuk Image with Caption bisa langsung menggunakannya dalam mode 'Tampilan menulis', caption di gambar ini tidak akan terbaca pada deskripsi/snippet artikel.

Semua gambar dalam artikel akan otomatis memiliki fungsi lightbox kecuali gambar dalam tag <figure>, cobalah klik salah satu gambar dalam postingan ini.

<table class='tr-caption-container'>
    <tbody>
      <tr>
        <td>
          <img alt='image_title_here' src='https://4.bp.blogspot.com/.../name.png'/>
        </td>
      </tr>
      <tr>
        <td class='tr-caption'>Your_caption_is_here</td>
      </tr>
    </tbody>
  </table>

Tambahkan class='full' untuk menghilangkan jarak batas antara gambar dan layar.

Contoh gambar yang menggunakan class="full"

<table class='tr-caption-container'>
    <tbody>
      <tr>
        <td>
          <img alt='image_title_here' class='full' src='https://4.bp.blogspot.com/.../name.png'/>
        </td>
      </tr>
      <tr>
        <td class='tr-caption'>Your_caption_is_here</td>
      </tr>
    </tbody>
  </table>