Cara Memasang Tombol Share WhatsApp di Bawah Postingan Blog

Romeltea | Follow @romel_tea
Tombol Share WhatsApp
Cara Menampilkan atau Memasang Tombol Share WhatsApp di Bawah Postingan Blog.

WHATSAPP (WA) adalah aplikasi chat yang terus berkembang. Jumlah pengguna WA saat ini mencapai 1,2 miliar di seluruh dunia (Statista).

Di Indonesia kabarnya penggunaan aplikasi WA semakin dominan dan menggeser BBM.

Share posting blog ke WhatsApp menjadi "keniscayaan" untuk menyebarkan tulisan di blog sekaligus mengundang dan meningkatkan pengunjung.

Tombol WhatsApp di bagian bawah posting wajib dipasang, untuk memudahkan kita dan pembaca, share posting ke teman atau Grup WA.

Jika blog Anda menggunakan kode social share dari AddThis, tombol share WhatsApp sudah ada alias include.

Namun, jika tombol social share di template blog Anda menggunakan kode tersendiri, makan harus ditambahkan kode tombol share to WhatsApp berikut ini, di bawah kode-kode social share yang sudah ada:

Cara Menampilkan Tombol Share WhatsApp

Berikut ini cara memasang WhatsApp Share Button di blog seperti saya lakukan di blog ini:
1. Template > Edit HTML
2. Cari (Ctrl+F) kode social share yang sudah dipasang, biasanya di bawah kode <data:post.body/>
3. Copas kode berikut ini di bagian paling bawah:

<!-- 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;//yourjavascript.com/09010225501/whatsappblogger.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 -->


CONTOH:
Di blog ini kode Social Share menggunakan kode tersendiri. Kode Share WA di atas saya pasang di bawah kode Like+Send Facebook seperti berikut ini:

<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
<div style='float:left;margin-left:5px;'>
<!-- 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;//yourjavascript.com/09010225501/whatsappblogger.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 -->
</div>

4. Save!

Kini Tombol Share WhatsApp sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP. Di Desktop mah teu muncul...!

Cara Lain Memasang Tombol Share WhatsApp

Jika cara di atas gagal --biasanya sih karena kurang sedekah-- maka coba cara ini:

1. Pasang kode berikut ini digabung dengan kode social share lainnya:

<li class='wa-button'><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></li>

2. Copas kode berikut ini di atas kode ]]></b:skin> atau </style>

.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}
.wa-button a{color:#fff;margin:0 auto;padding:10px 8px;background:# 4dc247}
.wa-button i{font-weight:400;margin:0 10px 0 0}
3. Save!
4. Cek dengan cara membuka blog Anda di HP.

Masih belum muncul juga?
Tenang, masih ada alternatif lain, yakni dengan menggunakan kode dari AddThis. Silakan ke TKP.

Tombol Share WA Meningkatkan Trafik Blog

Menurut "obrolan" di Quora, tombol Share WA bisa meningkatkan jumlah kunjungan secara drastis:

  • Your average share will increase by 47%
  • Your natural traffic will boost by 90% +
  • Your social average repo will increase by 150%
  • and much more ..
Wuih, keren 'kan? Jika langkah di atas gagal, silakan langsung ke sumber. Baca juga: Cara Keluar Grup WA Tanpa Ketahuan. Wasalam. (http://blogromeltea.blogspot.com).*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Blogger from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram twitter youtube

Recommended Posts

20 comments on Cara Memasang Tombol Share WhatsApp di Bawah Postingan Blog

  1. Makasih buat tutornya... mantabs

    ReplyDelete
  2. kedah di cobian. haturnuhun kang

    ReplyDelete
  3. mggak berhasil

    ReplyDelete
  4. naha teu muncul di hp oge

    ReplyDelete
  5. MANTAPSS GAN, LANSUNG PRAKTEK

    ReplyDelete
  6. gan cara benerin share on WhatsApp nya gimana ?

    ReplyDelete
  7. tak coba gan ilmu nya

    ReplyDelete
  8. trims tutornya. Walau masih belum terlalu ahli otak-atik template. kalau bisa kunjungi balik ya, :)

    ReplyDelete
  9. Terima kasih gan ilmunya :)

    ReplyDelete
  10. Keren blognya. Konten nya juga bagus. Tapi saya kaget, blog ini masih ada blogspot nya. Knp nggak beli domain?

    ReplyDelete
    Replies
    1. domain sudah punya, sengaja dibiarkan blogspot, yang domain sendiri sudah ada romeltea.com dan romelteamedia.com

      Delete
  11. I love the post!
    Elegância em Quadro de Vidro, Sao Paulo - SP

    ReplyDelete
  12. tidak muncul tombol sharenya. sudah saya pastekan kode dibawah

    ReplyDelete
  13. Terimakasih Sangat bermanfaat artikelnya,

    ReplyDelete

No Spam, Please!

Contact Form

Name

Email *

Message *