Cara Memasang Tombol Share WhatsApp
di
Bawah Postingan Blog
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:
<script type='text/javascript'>if(typeof
wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="//yourjavascript.com/09010225501/whatsappblogger.js";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;'>
<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>
Disalin dari Sumber; https://blog.romeltea.com/2016/06/memasang-tombol-share-whatsapp-di-blog.html
----------------------------------------------------------------------------------------------------------
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ohtMd', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Jika Anda menyukai Artikel di blog ini, Silahkan kirim Email untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/ohtMd" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>
