Cara memasang tombol share whatsapp di blog

Selamat siang semuanya kali ini saya akan membahas tentang Cara memasang tombol share whatsapp di blog , saya harap bapa/ibu dapat meluangkan waktunya untuk membaca artikel ini sampai selesai saya akan memberikan tips dan info terlengkap untuk anda dan semoga ada manfaatnya untuk kita bersama.

Cara memasang tombol share whatsapp di blog  adalah salah satu sumber trafik blog. Untuk mempermudah kita serta pembaca membagikan posting ke WhatsApp, kita dapat memasang Whatsapp Sharing Button di bawah setiap postingan, bersama Tombol Social Share lainnya.

Cara memasangnya sangat mudah, yaitu dengan memasukkan kode ke dalam template. Tombol ini hanya timbul ketika blog dibuka di mobile devices alias HP

Setidaknya ada tiga tutorial memasang tombol berbagi WhatsApp di blog.

Cara 1 Pasang Tombol Share WhatsApp

1. Template > Edit HTML

2. Temukan kode tombol berbagi yg telah ada sebelumnya (Facebook, Twitter, dll).

3. Copas serta 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 Kalian di HP untuk menonton 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 yg telah 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.

Demikianlah beberapa informasi yang bisa saya sampaikan , terimakasih sudah mampi jangan lupa share biar manfaatnya bisa dirasakan oleh semuanya

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: