bi blog yaşam'ı

2 Nisan 2016 Cumartesi

Blogger icin Whatsapp Paylas Butonu Eklentisi

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.




Bu buton masaüstü bilgisayarlarda görünmemekte, nedeni ise mobil cihazlarla uyumlu olması ve algılama yani paylaşmak için bir whatsapp minisi olması gerek henüz masaüstü bilgisayarlar için de bu özelliğin kullanıma açılması planlanmakta. Şimdi blog whatsapp butonunu blogunuza nasıl ekleyeceksiniz... 

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 == &quot;true&quot; and data:blog.pageType == &quot;item&quot;'>
<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. 

Bu Yazıyı Beğendinizmi?

0 yorum:

Yorum Gönder

Yorumda Resim Paylaşmak için ;

[img]Resim URL Buraya Eklenecek[/img]

Kodları bu şekilde kullanın .!

Translate

Copyright © October 3 December | Site Haritası SITE MAP

Design by ACTOR DRAMA | Blogger Theme by ILLIMUNATION