Pada dasarnya trik ini tidak berbeda dengan trik-trik sebelumnya, sobat blogger cukup menambahkan beberapa fungsi kode yang akan saya jelaskana dibawah ini.
Sebagai bahan pertimbangan, jika belum mempunyai akun pinterest silahkan anda buat terlebih dahulu di pinterest.com, sehingga nantinya widget pinterest yatg ditampilkan adalah benar-benar milik anda sendiri :).
Langkah-langkahnya begini sob;
Pertama
Silahkan salin kode dibawah ini dan letakan sebelum tag</head>
<script async="async" custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>
Catatan: jika kode script diatas sudah ada pada template anda, maka abaikan saja langkah ini.
Kedua
Salin kode dibawah ini dan letakan pada area yang anda inginkan, atau ingin ditampilkan.Menampilkan Widget Pinterest langsung
<amp-pinterest width=240 height=243 data-do="embedPin" data-url="https://www.pinterest.com/pin/342906959112275993/"> </amp-pinterest>
Hanya Menampilkan Tombol Pin it
<figure> <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3u5TSglOSJQsKRl_gD0bIe1JqzgAqUImpDpMUl4UOwpwT5h2b8X0TtqGQKvY5Ba0lfPiyOMs8OKSuR_yQqMaxWbmQXAmU4WgROKYYe8WEFe1kJ-HYNea0CGYEkrIm2PQ17b8pBIV4sW4/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>
Ketiga
Ganti url https://www.pinterest.com/pin/342906959112275993/ dengan url pinterest andaDEMO
Silahkan dicoba dan semoga bermanfaat, terimakasih salam antoncabon.
Show Disqus Comment Hide Disqus Comment