Blogunuzda kullanmış olduğunuz sosyal paylaşım butonlarının blog için ne kadar önemli olduğunu biliyorsunuz. Teknolojinin ilerlemesi ve buna bağlı olarak blog eklentilerinin yeni nesil ile uyumlu olması gerekmektedir. Şimdi sizlerle blogunuzda bulunan sosyal paylaşım butonlarına yeni bir buton olan Whatsapp butonu nasıl eklenir bunu paylaşacağım.
1- Blogger giriş yapın ve blog whatsapp butonunu eklemek istediğiniz blogun Şablon > HTML Düzenle diyoruz. Blogunuzda bulunan sosyal paylaşım butonlarının bulunduğu kod aralığına aşağıda paylaşmış olduğum Javascript kodu ekliyoruz.
*/------Blogger Eklentileri-----/*
<b:if cond='data:blog.isMobileRequest == "true" and data:blog.pageType == "item"'>
<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">Whatsapp ile paylaş : </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="http://yourjavascript.com/0015517398/whatsapp-button.js";h.appendChild(s);}
//]]>
</script>
</b:if>
2- Paylaşmış olduğum kod için CSS kodu eklemenize gerek yoktur. Masaüstü görüntülerde eklenti çalışmayacaktır. Blogunuza mobil cihaz üzerinden giriş yaptığınızda blog whatsapp paylaşım butonu aktif olacaktır. Blog whatsapp paylaşım butonu sayesinde eklemiş olduğunuz içerikleri mobil üzerinden bir tık ile istediğiniz kişi ile paylaşabilirsiniz.
3- Blog whatsapp paylaşım butonunu nerede görmek istiyorsanız yani yayın üzerinde yada altında sizin tercihlerinize kalmıştır.
0 yorum:
Yorum Gönder
Yorumda Resim Paylaşmak için ;
[img]Resim URL Buraya Eklenecek[/img]
Kodları bu şekilde kullanın .!