Template Premium VioMagz AMP 1.2 - Penyu Biru

Template Premium VioMagz AMP 1.2


Kali ini saya akan membagikan informasi template AMP Blogger premium terbaru yakni VioMagz AMP V1.2. Template AMP 2018 terbaru yang simple dan responsive ini sebenarnya adalah versi AMP dari template VioMagz yang kini sudah mencapai versi 2.9.

Template VioMagz versi HTML5 saja sudah sangat cepat sekali loadingnya dan benar-benar efisien, apalagi versi VioMagz AMP. Dijamin loading blog jadi tambah cepat lagi. Bagi kamu yang belum tahu apa itu AMP bisa membaca terlebih dahulu di sini.

Template VioMagz AMP yang kini sudah mencapai versi 1.2 ini diciptakan atas banyaknya peminat dan permintaan dari netizen yang menginginkan versi AMP dari template VioMagz.

Sejatinya, template ini memang tidak dijual alias gratis. Kamu bisa mendapatkannya jika kamu membeli template VioMagz original.

Kelebihan dan Keunggulan Template VioMagz AMP

Adapun fitur yang dimiliki oleh template VioMagz AMP antara lain :
  • Tersedia dalam dua versi yang bisa berpindah otomatis, versi Desktop dan versi Mobile
  • Dalam versi mobile otomatis berpindah ke mode AMP
  • Semua halaman valid AMP pada versi mobile (m=1)
  • Loading blog sangat cepat
  • Desain yang sederhana dan minimalis tapi modern
  • dan masih banyak lagi

Panduan Template VioMagz AMP

Lalu bagaimana cara membuat posting dengan VioMagz AMP? Sebenarnya semua posting dengan template AMP sama saja. Kamu tetap harus menghindari penggunaan CSS secara inline seperti atribut perataan teks (text align).

Khusus pada gambar, ikuti langkah-langkah berikut ini :
  1. Ubah tag img menjadi amp-img
  2. Hapus class="separator"
  3. Hapus style "clear: both"
  4. Hapus border="0"
  5. Hapus semua tulisan data-original-
  6. Tambahkan tag alt dan title
  7. Tambahkan layout="responsive"

Contoh script gambar pada Blogger :

<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="480" data-original-width="640" src="https://1.bp.blogspot.com/url-gambar/s1600/gambar.jpg" /></div>

Ubah menjadi :

<div style="text-align: center;">
<amp-img alt="kata kunci gambar" title="judul gambar" height="480" width="640" layout="responsive" src="https://1.bp.blogspot.com/url-gambar/s1600/gambar.jpg" /></div>

Jika kamu ingin menjadikan gambar pertama sebagai gambar thumbnail di halaman depan blog, ubah tag div pada script di atas menjadi noscript.

Contoh pada script di atas kita ubah menjadi :

<noscript>
<img alt="kata kunci gambar" title="judul gambar" height="480" width="640" src="https://1.bp.blogspot.com/url-gambar/s1600/gambar.jpg" /></noscript>
<div style="text-align: center;">
<amp-img alt="kata kunci gambar" title="judul gambar" height="480" width="640" layout="responsive" src="https://1.bp.blogspot.com/url-gambar/s1600/gambar.jpg" /></div>

Kenapa saya pasang 2 kode? Karena gambar pertama yang noscript akan hilang (tidak tampak) jadi kita tambahkan 1 script gambar lagi agar gambar tetap muncul di postingan.

Untuk tag img pada noscript tidak perlu diubah ke amp-img.dan tidak perlu ditambah layout="responsive".

Download Template VioMagz AMP V1.2 Gratis


Bagaimana? Kamu tertarik ingin download template VioMagz AMP V1.2 gratis yang sudah menjadi 1 paket dengan tempalte VioMagz? Kamu bisa klik tombol di bawah ini.

Download VioMagz AMP v1.2 Terbaru




Artikel Template Premium VioMagz AMP 1.2 Selesai!

Demikian posting Penyu Biru pada kategori Template kali ini. Jika kamu merasa tulisan saya tentang Template Premium VioMagz AMP 1.2 ini bermanfaat, mohon kesediaannya untuk meninggalkan komentar atau bagikan artikel ini ke media sosial 🙏

Berlangganan artikel terbaru via email :

Tampilkan Komentar
Sembunyikan Komentar

Belum ada komentar pada "Template Premium VioMagz AMP 1.2"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel