November 7, 2015

Cara Pasang Tombol Share ke WhatsApp di Blog

November 7, 2015

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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

9 comments on Cara Pasang Tombol Share ke WhatsApp di Blog

  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
  5. Bagus banget gan. Apalagi bisa menambah ilmu untuj ngebloh

    ReplyDelete
  6. Wah terimakasih banyak yah atas post nya, blog ane akhirnya bisa share whatsapp... ^^

    ReplyDelete
  7. Enter your comment...jangan lupa mampir

    ReplyDelete
  8. Terima kasih, gan...
    Sangat bermanfaat...

    ReplyDelete

Contact Form

Name

Email *

Message *