Blogger: Sosyal Paylaşım Butonları v2

Sosyal paylaşım butonları blog yazılarınızı farklı sosyal sitelerde paylaşmanızı sağlar. Bunun sonucunda takipçi sayınız, trafiğiniz-hitiniz ve blog kaliteniz artacaktır. Söylediklerimi biraz dikkate alırsanız ne kadar önemli bir eklenti olduğunu anlarsanız.

Bu yazımda sizlere daha önceki butonlara oranla daha basit bir tasarıma sahip ve daha etkili butonlar vereceğim.
Kodlar arasında facebook beğen-gönder, twitter paylaş-takip et ve google +1 butonları bulunuyor.

Bloguma ait paylaşmadığım eklenti-özellikle kalmasın istiyorum. Benzer yazılar, devamı oku, önceki paylaşım butonlarım ve ekleyip kaldırdığım daha bir sürü eklenti.
Blogun spam olarak algılanması ve index sorunun başlaması nedeniyle yazılara ağırlık vermek, bu ara kendime daha çok yazı yazmaya teşvik etmek istiyorum.

Neyse anlatıma geçelim, zaten pek fazla bir ayrıntı yok eklenti tek koddan oluşuyor.

Eklentinin bloga uygulanması:

Blogger.com'a gidin panelden eklentiyi yüklemek istediğiniz blogu seçin
Sol menüden Şablon ➜ Html'yi Düzenle ➜ Devam et ➜ Widget şablonlarını genişlet yolunu izleyin.

Tema kodları arasında Ctrl+F komutuyla 

<div class='post-footer'>

kodunu bulun ve hemen üzerine

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: left;padding:5px;padding-bottom:4px;border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);'>
<div style='float: left'>
<a class='twitter-share-button' data-count='horizontal' data-related='Hit Adam' data-via='' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float: left;'>
<g:plusone size='medium'/>
</div>
<div style='float: left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
<div style='float:left;'>
<a class='twitter-follow-button' data-show-count='true' data-width='210px' href='https://twitter.com/hittoadam' rel='nofollow'>@hittoadam</a>
</div>
</div>
</b:if>

kodunu ekleyin, tamamdır.

Not: Kodların içerisinde twitter takip nickinizi değiştirmek için @hittoadam nickini bulun ve kendinizinkini yazın.