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==="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 -->
<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;'>
<!-- Whatsapp Share Buttons Start -->
<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 -->
</div>
<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==="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 -->
</div>
4. Save!
Kini Tombol Share WhatsApp sudah terpasang di Bawah Postingan Blog. Silakan cek dengan membuka blog Anda di HP.
Selamat Mencoba !!!
0 Komentar untuk "Cara Memasang WhatsApp Share Button"