Cara Sederhana Tombol Pasang Share WhatsApp Blog

PropellerAds
Tombol share ke berbagai media sosial pululer adalah merupakan fasilitas yang harus dimiliki oleh para blogger yang menyajikan berbagai artikel menarik pada blog yang dimilikinya. Cara sederhana ini mungkin bisa menjadi acuan yang bisa membantu memberikan solusi untuk permasalahan-permasalahan yang muncul dalam keinginan kita. Tombol ini sudah responsive karena akan muncul hanya dalam versi mobile. Cara sederhana menambah tombol share whatsapp untuk blog:

Masuk ke akun blogger.
Masuk ke menu tab Template > Edit HTML.
Letakkan kode dibawah ini diatas KODE IKLAN POSTING tepat diatas <b:if cond='data:blog.pageType == &quot;item&quot;'> atau diatas </div></div> diatas KODE IKLAN POSTING.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType == &quot;item&quot;'>
<div class='wa-info'>
<script>
//<![CDATA[
var whatsurl = window.location.href;
var whattitle=encodeURIComponent(document.title);
var whattitle_esc=unescape(whattitle);
document.write('<span style="display:block;font-size: 18px;font-weight: 500;margin-bottom:5px"></span>\
<a href="whatsapp://send" data-text="'+whattitle_esc+'" data-href="' + whatsurl + '" class="wa_btn wa_btn_l" style="display:none" title="Share On Whatsapp">\ Share</a>\');
if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://cdn.rawgit.com/ardezign/js/master/whatsapp-button.js";h.appendChild(s);}
//]]>
</script>
</div>
</b:if>
Kemudian klik tombol SAVE template dan lihat hasilnya.
Demikian tutorial sederhana pasang tombol share whatsapp pada blog, jika kurang dipahami silahkan tinggalkan pesan.

Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser