Cara Pasang Tombol Share ke WhatsApp di Blog

Cara memasang tombol Share to WhatsApp di Blog

WHATSAPP merupakan salah satu sumber trafik blog. Untuk memudahkan kita dan pembaca membagikan posting ke WhatsApp, kita bisa memasang Whatsapp Sharing Buttondi bawah setiap postingan, bersama Tombol Social Share lainnya.

Cara memasangnya sangat mudah, yaitu dengan memasukkan kode ke dalam template. Tombol ini hanya muncul saat blog dibuka di mobile devices atau HP/SmartPhone Android.

Setidaknya ada tiga cara memasang tombol share WhatsApp di blog.

Cara #1 Pasang Tombol Share WhatsApp

1. Template > Edit HTML
2. Temukan kode tombol share yang sudah ada sebelumnya (Facebook, Twitter, dll).
3. Copas dan tambahkan salah satu kode berikut ini di jajaran kode tersebut:

KODE 1

<!-- Whatsapp Share Buttons Start -->

<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;https://googledrive.com/host/0BwMMDqbfGy7Od3UtLTRJcncwQ1U&quot;;h.appendChild(s);}</script>

<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

<!-- Whatsapp Share Buttons End -->

KODE 2

<!-- Whatsapp Share Buttons Start -->

<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;https://dl.dropboxusercontent.com/u/7330191/whatsapp-sharing.js&quot;;h.appendChild(s);}</script>

<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

<!-- Whatsapp Share Buttons End -->

4. Save Template!
5. Buka blog Anda di HP untuk melihat hasilnya.

CARA #2 Pasang Share WhatsApp

1. Template > Edit HTML

2. Copas kode berikut ini di atas kode </body>

<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;//yourjavascript.com/09010225501/whatsappblogger.js&quot;;h.appendChild(s);}</script> 

3. Copas kode berikut ini ke jajaran kode Social Share sebelumnya yang sudah ada (Facebook, Twitter, dll).

<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

4. Save Template!

5. Lihat hasilnya di HP.

CARA #3 Pasang Share to WhatsApp

Kita juga bisa mengambil sendiri kodenya di WhatsApp Sharing Button Generator. Bisa juga dengan menggunakan AddThis.

Demikian Cara Pasang Tombol Share ke WhatsApp di Blog. Good Luck! (http://www.contohblog.com).*

Sumber

Sumber

Sumber

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by GNOM PANEL, Published at Maret 31, 2019 and have 2 komentar