Cara Membuat Chatango Valid Diblog AMP

Syahrul

Halo semuanya kali ini saya akan membagikan tutorial yang sangat bermanfaat buat kalian yang memakai Template AMP, tutorial ini saya buat karena sebelumnya saya sudah membagikan Megumin AMP Template Blogger, sebelumnya saya sudah membahas tentang peraturan amp yang sudah saya bahas dari artikel sebelumnya yang berjudul Apa itu AMP Google? diartikel tersebut saya menulis tentang diharuskannya untuk pengguna amp agar tidak memakai javascript pada blog amp. nah disini saya berfikir
"Bagaimana saya membuat chat room dari Chatango? kan chatango itu Javascript semua"

Nah begitulah awal ide nya saya membuat tutorial ini, ok langsung saja kita terapkan tutorial ini pada blog AMP kalian...

Pertama Cek Js AMP-Iframe diatas </head> seperti dibawah ini, kalau sudah ada lanjut tahap berikutnya
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

1. Save Javascript Chatango/ simpan menjadi File chat.html, contohnya html seperti ini
<html>
<head>
<title>JUDUL BLOG</title>
</head>
<body>
<!-- Script Chatango -->
SIMPAN DISINI
<!-- END Script Chatango -->
</body>
</html>

2. jika sudah disave menjadi File html silahkan Upload di yourjavascript, Sitegoogle, atau Github, Contoh seperti dibawah ini
https://cdn.rawgit.com/Arleth98/HTML/45d9a6f4/chat.html

3. Jika Sudah Copy Link Tersebut Di Markup Iframe-amp dibawah ini, jangan lupa atur Width sama Height nya
<amp-iframe sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox' width='290' height='370' src='LINK'></amp-iframe>

4. Buka Blogger > Tata Letak > Add Widget HTML/Javascript & Simpan
5. Selesai
Related Posts
Disqus Comments