Google Payla� Butonu Bloga nas�l eklenir

Google Developers (Geli�tiriciler) taraf�ndan devreye al�nan Google+ Platform�unda Share (Payla�) d��mesinin kullan�m�na ba�lad���n� duyurdu.Share Payla� butonu ile G+1 butonu fark� ne ? ��te bu noktada kafalar kar���yor.K�saca konu hakk�nda a��klama yapal�m.

G+1 Butonu : Blogunuzu ziyaret eden ve her hangi bir yaz�n�z be�enildi�inde bu yaz�n�z�n alt�nda ki G+1 butonu t�kland���nda Google Plus ak���n�zda ��k�yordu.Ayn� zamanda arama motorlar� taraf�ndanda endexlenerek siz bir arama yaparken kar��n�za "siz bunu +1 lediniz" �eklinde g�rebiliyorsunuz.

Payla� Share Butonu : Yaz�y� be�endiniz ancak G+1 butonu ile profil ak���n�zda de�ilde Google hesaplar�n�zdaki kay�tl� �evrelerinizin de bu yaz�dan haberi olmas�n� istiyorsunuz.Payla� butonuna t�klad���n�zda alttan a��lan pencerede �evrelerinizi se�ip istedi�iniz �evrelerle payla��lmas�n� sa�lamakta.

Sonu� ;
G+1 : Tek bir be�eni profil ak���n�zda g�r�l�yor.Di�er �evrelerinizde g�r�lm�yor.
Google+ Share Payla� : T�m �evrelerinizle payla��m kolayl��� sa�l�yor.

Facebook uygulamas�ndaki �be�en�, �payla�� mant��� gibi d���n�rseniz tam olarak anlayabilirsiniz.
K�saca yar�� devam ediyor.01.05.2012 T�rkiye saati ile 22,56 PM�da Gadgetleri inceledim, �u anda dinamik bloglarda bu uygulama hen�z ba�lamad�.Klasik olarak �al��t�rd���m�z bloglar�m�za bu uygulamay� hemen ba�latabiliriz.

Yap�lacak i�lemler :
�ncelikle her zaman yapt���n�z gibi �ablonunuzun yede�ini al�yorsunuz.
1. Script kodunu eklyece�iz ;
�ablon ? HTML�yi D�zenle t�kl�yoruz 
</head>

Kapan�� tag��n� buluyoruz. (Ctrl + F ) tu�lar�n� kullanabilirsiniz.
Bu Tag� bulduktan sonra a�a��daki kodu kopyalarak hemen �st�ne gelecek 
�ekilde  yap��t�r�yoruz.

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

2. Payla� butonunuzun g�r�lmesini istedi�imiz k�sm� se�ece�iz ;
�ablonunuzda a�a��daki kodu buluyorsunuz.(Witget geni�let demeyi unutmay�n)

<div class='post-footer'>

Hemen bu kodun alt�na a�a��daki kodumuzu yap��t�r�yoruz.

<div class="g-plus" data-action="share"></div>

Burada dikkat etmeniz gereken �nemli bir konu var Post footer kodu iki ad ��k�yor.Birinci kod k�sm�na yap��t�rd���n�zda ��kan g�r�nt� �u �ekilde g�r�l�yor.

1. �e�enekteki �ablondaki Post footer g�r�nt�s�

Arama k�sm�ndaki oka t�klad���n�zda ikinci Post footer ��kacak bu kodu kullanm�yorsunuz.Kulland���n�zda payla� butonu ��km�yor. Yap�lan i�lemi di�er blogumdan g�rebilirsiniz. AdnanGuney
Denemeleri iki blogda yapt�m bir problem ya�amad�m.Kodlar� yap��t�rd���n�zda t�rnaklara dikkat edin, ayr�k kalmas�n.Ayr�k ve tam kopyalama yapamassan�z i�lem ba�ar�s�z olur.


Sonu� : Yapt���m�z i�lem sonucu blogumuzda di�er payla��m butonlar�n�n �zerinde art�k Google Share (Payla�) butonunu g�rebilirsiniz.
Kodlarda bir problem ya�arsan�z ;
Ba�lant� : https://developers.google.com/+/plugins/share/
Farkl� g�r�n�mler se�erek uygulama yapmak isteyebilirsiniz.


Facebooktan takip edin : facebook.com/ Guney59 Payla��m
Twittertan takip edin      : twitter.com/ guney59

Categories: adnanguney , be�en , Blog sitesi kurulumu , Ctrl + F , g+1 , g+1 butonu , Geli�tiriciler , Google , Google Developers , Google+ Platform , payla� , Post footer , Script , Share Butonu , tag