Web Günlüğü

Blogger Resmi Sosyal Paylaşım Butonları

blogger resmi sosyal paylaşım butonlarıŞuan bloğumda kullanmakta olduğum blogger resmi sosyal paylaşım butonları üşenilmeden sosyal ağ sitelerinden direkt olarak alınmıştır. Aslında üçüncü parti veya özel paylaşım butonları yapılıp kullanılabilir. Fakat resmi sosyal paylaşım butonlarının kendilerine özel sayaç sisteminin olması(twitter yakın zamanda sayaç sistemini kaldırmış) ve renkli bir hava kattığı için daha cazip geliyor.

Tabi ben butonları yalın halde paylaşıyorum bloglardan kaynaklanan sorun sebebiyle düzenleme yapılması gerekebilir. Ayrıca Facebook'un Beğen ve Paylaş butonlarının sayaçları aynı sayaç üzerinden çalışmakta özetle bir yazı bir defa beğenilmişse bir defa da paylaşılmış sayılıyor. Bu yüzden ya beğen ya da paylaş butonunun herhangi birini tek başına kullanmak gerekiyor.

Eğer kodlar eklendikten sonra sablon editöründe özel karakterler ile ilgili bir hata uyarısı alınıyorsa kodlar blogger kod dönüştürücü aracı ile dönüştürülüp eklenebilir.

Resmi sosyal paylaşım butonları için gerekli kodlar

Facebook Paylaş Butonu
<iframe allowTransparency='true' expr:src='"https://www.facebook.com/plugins/share_button.php?href=" + data:post.canonicalUrl + "&layout=button_count&size=small&mobile_iframe=true"' frameborder='0' scrolling='no' style='height:20px; width: 75px;'/>

Facebook Beğen Butonu
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='height:20px; width: 75px;'/>

Twitter Tweet Butonu
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Google Plus +1 Butonu
<script async='defer' src='https://apis.google.com/js/platform.js'/>
<g:plusone size='medium'/>
comments powered by Disqus