Kode HTML, CSS, dan JavaScript

Halaman ini khusus berisi tentang rangkuman kode-kode tema blogger baik untuk blog AMP maupun non AMP. Sekaligus menjadi sebuah catatan pribadi saya jika dikemudian hari lupa pada kode yang pernah digunakan.

Berikut Kumpulan HTML, CSS, dan JavaScript

1. Kode HTML Gambar WebP

• Blog AMP:

<noscript>
<img alt="#2" height="720" width="1280" src="#1" title="#2" /></noscript>

<div class="img-width-1200 img-center">
<amp-img alt="#2" height="720" src="#1" title="#2" width="1280" layout="responsive"><amp-img fallback alt="#2" height="720" src="#1" title="#2" width="1280" layout="responsive"></amp-img></amp-img></div>

• Blog non-AMP PNG:

<picture>
  <source srcset="gambar.webp" type="image/webp"/>
  <source srcset="gambar.png" type="image/png"/>
  <img src="gambar.png" alt="Deskripsi Gambar" width="1280" height="720" title="Judul Gambar"/>
</picture>

• Blog non-AMP JPG:

<picture>
  <source srcset="gambar.webp" type="image/webp"/>
  <source srcset="gambar.jpg" type="image/jpeg"/>
  <img src="gambar.jpg" alt="Deskripsi Gambar" width="1280" height="720" title="Judul Gambar"/>
</picture>

• Gambar Content

<div class="separator">
  <img src="url_gambar.jpg" alt="Deskripsi gambar yang relevan" />
</div>

• Rel, target, dan title link URL:

target="_blank" rel="noopener" title="#"

target="_blank" rel="nofollow noopener" title="#"

target="_blank" rel="noopener nofollow noreferrer" title="#"

2. Kode HTML Video Embed

• Non AMP

<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/xxxxx" width="480"></iframe>