Home » » Cara Memasang WhatsApp share buuton pada template AMP HTML di Blogger

Cara Memasang WhatsApp share buuton pada template AMP HTML di Blogger

Pastikan sudah ada js ini di tempate.

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

pabila pada template sobat sudah ada share button Facebook, Twitter dan lainnya, artinya JS tersebut sudah terpasang.

Selanjutnya copy paste kode berikut ini ditempat yang anda ingin tampilkan tombol sharenya.

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;true&quot;'>
<amp-social-share type="whatsapp"
    layout="container"
    data-share-endpoint="whatsapp://send"
    expr:data-param-text='&quot;Ada yang keren lho, nyesel kalo ga buka.. kunjungi: &quot; + data:blog.url'>
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYU4TbfmkGX74KhL39HPM1SIYoHLoNSsEZHbncs-fZsNylsBsZR3DpyKH9I4udlmM9pXvnqDWg0e0ISc2CwORnKYBIhoVEzC8c6C-MMyBTMl5h_9CAG-MRTSZi5A4e-r4wsWNJEAsMuRmm/s1600/whatsapp-share.png"
      width="200"
      height="38"
      layout="fixed"
      alt="Share via Whatsapp"></amp-img>
</amp-social-share>
</b:if>

Apabila ingin menampilkan Judul dan URL Postingan, ganti pada baris ke 5 kode di atas, dengan ini kode ini:

expr:data-param-text='data:post.title + &quot; - &quot; + data:blog.url'>



1 comments:

  1. untuk melakukan pemanggilan pada CodeIgniter gimana mas???

    ReplyDelete

Test Feed Box

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×