Cara Mudah Memasang Tombol WhatsApp Share Button di Blogger

Pada kesempatan kali ini saya akan berbagi sebuah tutorial sederhana yaitu bagaimana cara memasang widget WhatsApp share button pada blog anda masing-masing, widget WhatsApp share button ini hanya akan tampil di jika anda membuka situs blog anda dengan menggunakan android jika anda menggunakan laptop widget WhatsApp share button ini tidak akan muncul alias tersembunyi dan hanya tampil di android saja. Widget WhatsApp share button ini juga sangat bagus ya buat meningkatkan visitor blog anda masing-masing di karenakan dengan adanya widget WhatsApp share button ini maka banyak orang yang dapat ngeshare artikel anda melalui whatsapp dengan banyaknya orang yang membagikan artikel anda otomatis semakin banyak pula visitor yang datang ke blog anda bukan ini di karenakan banyak orang yang mengetahui blog anda nantinya jika semakin banyak orang yang ngeshare semakin banyak pula orang yang mengetahui atau mengenal situs blog anda itulah fungsi dari widget WhatsApp share button ini sobat, Nah untuk anda yang berminat atau ingin memasang widget WhatsApp share button ini di blog anda masing-masing bisa mengikuti tutorialnya di bawah ini caranya cukuplah mudah dan simple sobat perhatikan langkah-langkahnya di bawah ini dengan seksama


NOTE: Syarat untuk menggunakan widget WhatsApp share button ini adalah template sobat wajib terpasang JS untuk sosial share dari AMP Project seperti ini :
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>

1. Apabila di template  anda sudah terpasang share button facebook, twitter dan lainnya itu tandanya bahwa kode JS tersebut sudah terpasang di blog anda masing-masing

2. Selanjutnya anda tinggal menyimpan kode di bawah ini ke dalam template anda masing-masing terserah di mana mau sesuai dengan keinginan anda masing-masing
<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://4.bp.blogspot.com/-0XYiiPfEZ1c/WBr8sQOimII/AAAAAAAAH6w/nkXzWqKrjRsIOMCR9bnBSt3RpuB4hcsvwCK4B/s1600/whatsapp-share.png"
width="200"
height="38"
layout="fixed"
alt="Share via Whatsapp"></amp-img>
</amp-social-share>
</b:if>

3. Untuk tampilan dari widget WhatsApp share button yang baru saja di buat tadi akan tampak seperti gambar dibawah ini :

4. Ini hasil dari widget WhatsApp share button yang baru saja kita buat tadi jika ada orang yang klik tombol share tersebut maka akan tampil seperti ini :

5. Nah jika anda ingin menampilkan Judul dan URL postingan, ganti kode di atas tepat pada baris ke 5, dengan kode di bawah ini :
expr:data-param-text='data:post.title + &quot; - &quot; + data:blog.url'>

6. Dan hasilnya ketika anda klik tombol share tersebut akan tampak seperti gambar di bawah ini:

7. Untuk model dari tombol widget share button tersebut anda bisa merubah model bentuk dari widget tersebut sesuai dengan kemauan anda masing-masing untuk model tersedia dua buah model

<amp-img src="https://4.bp.blogspot.com/-nuWfSt-GHRc/WBsZe1kXxmI/AAAAAAAAH7c/gGKKNm32SkYqQthHzcptJrqk4GejHdjGgCK4B/s1600/wa.png"
width="37"
height="37"
layout="fixed"
alt="Share via Whatsapp"></amp-img>


<amp-img src="https://4.bp.blogspot.com/-JX8AxaL6pKY/WBsFJ-pz2NI/AAAAAAAAH7M/knyUdogmj_E8Gg3ubzS9MsGEXBqiaxKzgCK4B/s1600/whatsapp-share3.png"
width="95"
height="37"
layout="fixed"
alt="Share via Whatsapp"></amp-img>

Source : blog.kangismet.net
Cara Mudah Memasang Tombol WhatsApp Share Button di Blogger