Home » , » Cara Pasang Tombol Share ke WhatsApp di Blog

Cara Pasang Tombol Share ke WhatsApp di Blog

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 Button di 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).*

Thanks for reading & sharing Cara Pasang Tombol Share ke WhatsApp di Blog

Previous
« Prev Post

4 comments:

Comment Page:
  1. Ini yang saya cari..ternyata blogger bisa pakai juga..trims cb

    ReplyDelete
  2. sahabatku.
    mengapa tombol facebook malah hilang ya,padahal semua cara telah di lakukan ya bro..?

    terimakasih.

    ReplyDelete
  3. wah mungkin punya agan diatas ane ini ada script yang eror

    ReplyDelete
  4. terima kasih om tutornya. work :)

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox