Memasang Share Buttom Bip Messenger Pada Blog AMP

Memasang Share Buttom Bip Messenger Pada Blog AMP - Tidak hanya Whatsapp sebagai aplikasi chat beberapa bulan lalu
Memasang Share Buttom Bip Messenger Pada Blog AMP - Tidak hanya Whatsapp sebagai aplikasi chat beberapa bulan lalu juga ada aplikasi chat yang sangat populer namanya adalah Bip Messenger dimana fitur yang dimiliki pun lebih bagus dibanding aplikasi whatsapp. 

Pada artikel kali ini saya akan share tutorial Memasang Bip Messenger Pada Blog AMP, tutorial ini ditulis oleh kang ismet dan aku coba juga pada blog saya ini dan berhasil juga. Nah bagaimana caranya simak tutorial nya berikut ini ya

Memasang BiP Share Button

1. Pastikan anda pasang kode JS amp-social-share seperti di bawah, kalian pasang tepat dibawah kode head

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

2. Simpan kode ini, terserah kalian mau taruh dimana aja diatas postingan atau dibawah postingan

<amp-social-share type="bip"
  layout="container"
  data-share-endpoint="bip://send"
  expr:data-param-text='&quot;&quot; + data:blog.url'>
    <amp-img src="https://cdnblogger.github.io/images/bip-messenger.png"
      width="29"
      height="28"
      layout="fixed"
      alt="Share via BiP">
	</amp-img>
</amp-social-share>
Apabila akan ditampilkan hanya pada versi mobile (recommended) gunakan kode ini :
<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;true&quot;'>
<amp-social-share type="bip"
  layout="container"
  data-share-endpoint="bip://send"
  expr:data-param-text='&quot;&quot; + data:blog.url'>
    <amp-img src="https://cdnblogger.github.io/images/bip-messenger.png"
      width="29"
      height="28"
      layout="fixed"
      alt="Share via BiP">
	</amp-img>
</amp-social-share>
</b:if>

Jika kalian ingin melihat demo seperti apa kalian bisa langsung aja klik icon share pada blog ini, itulah tutorial nya selamat mencoba ya sobat.