Cara Membuat Widget Artikel Diperbaharui Pada Blog AMP

Mei 01, 2017
Widget Daftar Posting Diperbaharui
Widget Daftar Posting Diperbaharui

AMP HTML atau Accelerated Mobile Pages HTML menjadi salah satu pilihan bagi webmaster agar bisa merancang halaman web yang loading cepat, tanpa banyak pengaruh JS atau lainnya.

Blog dengan AMP HTML belum mendukung style eksternal dan javascript eksternal sehingga dalam membuat widget tertentu seperti widget artikel diperbaharui diperlukan trick dan cara khusus.

Kaitannya dengan postingan kali ini yang akan dibahas adalah Bagaimana cara membuat artikel diperbaharui pada blog AMP?.

Widget artikel diperbaharui yang saya buat ini sangat mudah, karena anda semua hanya tinggal mengcopy code dibawah dan simpan.

Langkah-langkah

  1. Pilih dan Buka Tata Letak
  2. Tambah Gadget
  3. Tambah widget HTML/JavaScript
  4. Copi Kode dibawah
  5. <iframe width="500"
      height="600"
      layout="responsive"
      sandbox="allow-scripts allow-same-origin allow-popups"
      allowfullscreen
      frameborder="0"
      src='https://cdn.rawgit.com/w4hyou/host/530f7553/Info-kmu/alat/info-kmupdatepost.html?url=//info-kmu.blogspot.co.id'>
     </iframe>
  6. Simpan
Ganti kode yang berwarna orange dengan url blog anda

Contoh penerapan lihat sample di bawah, pilih result untuk melihat hasilnya

Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar