Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara mudah membuat notifikasi pada blog valid AMP

Assalamualaikum 

Apakabar sahabat Gabut  pada artikel kali ini admin akan memberikan sebuah tutorial atau cara membuat notifikasi pada  blog AMP  tujuannya agar mendpatkan lebih banyak  palanggan pada blog anda.

Namun harus kalian ketahui pada AMP template tidak boleh sembarang meletak kan kode script seperti script yang biasa digunakn pada template NON-AMP. Terdapat beberapa peraturan yang harus di ikuti agar AMP template tetap  VALID .

Lantas bagaimana cara nya ..?  Di sini admin sudah. Menyediakan beberapa secript untuk membuat notifikasi pada blog valid AMP sekligus cara Memasangnya.

Adapun langkah langkah sebagai berikut: 

1. buka menu dasbor pada blog anda trus masuk ke tema pilih edit tema dan  Salin kode scrip  dibawah ini dan  letakkan sesudah tag   </head> atau sebelum tag </head>

<script async="async" custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>

2.Salin kode dibawah ini dan letakkan setelah tag <style amp-custom="amp-custom">

footer {
margin-bottom: 50px;}
amp-user-notification {
padding: 30px;
color:#fff}
background: #000;

3. Salin dan letakan kode HTML dibawah ini sebelum tag </body> biayanya berada di paling bawah

<amp-user-notification
layout="nodisplay"
id="amp-user-notification1">
www.amp-bloggertheme.blogspot.com uses cookies to store information about visitors preferences.
<button on="tap:amp-user-notification1.dismiss">I accept</button>
</amp-user-notification>

Demikianlah "Cara membuat notifikasi pada blog valid AMP" Cukup mudah bukan, Silahkan mencoba dan semoga berhasil.

1 komentar: