Postingan pertama di blog karna postingan yang lain nya adalah postingan dari import blog amp saya yang sudah di hapus , dan tutorial ini di ambil dari penulis master Antoncabon Saya sendiri belum banyak baru sedikit yang saya ketahui tentang AMP tapi blog ini akan di isi dengan Artikel AMP desain Lengkap dengan cara pemasangan nya  kembali ke topik Tutorial Menampilkan Widgate Pinterst pada Blog Amp.

Yang pertama kamu harus lakukan adalah login ke Blogger bukan login Facebook , setelah login letakan script di bawah ini ke bagian </head>

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

Tetapi kalau sebelum nya sudah memasang script di atas tidak perlu memasang untuk keduakali nya

Copy code di bawah ini di tempat yang ingin kamu letakan

<amp-pinterest width=240       height=243       data-do="embedPin"       data-url="https://www.pinterest.com/pin/342906959112275993/"> </amp-pinterest>

Jika ingin hanya tampilkan tombol pin gunakan kode ini

<figure>     <amp-img src="https://lh3.googleusercontent.com/-3M4P4AmBfOo/V_fCjJ5OPfI/AAAAAAAAH94/W5sFlE3OuQgEAYrXKL_aQM1-pom7ikhGACEw/w300-h169-p/no-image.jpg"         width="300"         height="169"         alt="an image"></amp-img>     <amp-pinterest height=28         width=56         data-do="buttonPin"         data-url="https://amptemplates.blogspot.com"         data-media="https://amptemplates.blogspot.com"         data-description="amp-pinterest in action">     </amp-pinterest>   </figure>

Tutorial Terakhir adalah

Ganti url https://www.pinterest.com/pin/342906959112275993/ dengan url pinterest anda

Reaksi:

You Might Also Like:

Add your comment Hide comment

Disqus Comments

Hello, Tanya jawab langsung dengan admin yuk disini

Facebook Messenger ×