Facebook Paylaş Tuşu Ekleme

Blogger bloglarınıza Facebook Paylaş Tuşu eklemek artık çok basit. Sosyal medyanın gücünü iyi kullanabilmek için benzer tuşları bloglarınıza nasıl ekleyebileceğinizi anlatmıştım. Şimdi de sırada Facebook paylaş tuşu ekleme var. Bu paylaş tuşu ile yazdığınız yazıları insanlara en kısa sürede ulaştırabilir yada yazınızı beğenenlerin kendi arkadaşları ile yazınızı anında paylaşmasını sağlayabilirsiniz. Yazınız paylaşıldıkça onu okuyan kişi sayısı artacaktır. Paylaş, paylaş, paylaş faydası. Paylaşmanın mantığına kısaca değinmek istedim. Bilinlerede kısa bir hatırlatma oldu. Şimdi esas konuya geçelim...

Facebook'un kullanıcılarına sunmuş olduğu 5 ayrı paylaş düğme çeşidi var. Bunlardan iki paylaş tuşu yazınızın paylaşılmasını sağladığı gibi yazının kaç kez paylaşıldığını da göstermektedir. Önemli olan kısımda bu: Paylaş Sayısını Gösterme. Aynen Tweet Tuşunun çalışma mantığı ile çalışmaktadır.

Tuşları, blog yazı alanınızda farklı yerlerde konumlandırabilirsiniz.

Sağ tarafta resmini görmüş olduğunuz box count tipi Facebook tuşunu Blogger Bloglarınızda kullanmak için alttaki kodu kullanabilirsiniz; Eğer sayfanızın üst kısmında görüntülenmesini isterseniz sağa veya sola konumlandırabilirsiniz.


Sağ üst köşe;

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Paylas</a>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Sol üst köşede kullanmak isterseniz alttaki kodu kullanabilirsiniz;

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Paylas</a>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Sağ tarafta resmini görmüş olduğunuz button count tipi Facebook tuşunu Blogger Bloglarınızda kullanmak için alttaki kodu kullanabilirsiniz; Eğer sayfanızın üst kısmında görüntülenmesini isterseniz sağa veya sola konumlandırabilirsiniz.
Sağ üst köşe;

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Paylas</a>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Sol üst köşe;

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Paylas</a>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Yukarıda sıralanan seçeneklerden birini blogunuzda kullanmak üzere seçtikten sonra;

Temanızda <div class='post-header-line-1'/> kodunu aratın. Bulmuş olduğunuz bu koddan hemen sonra yukarıdaki kodlardan kullanmak istediğiniz tuşa ait kodu kopyalayarak yapıştırın.

"Blogumda <div class='post-header-line-1'/> kodunu bulamadım! Ne yapmam gerek?" diye düşünenler sözüm size hiç merak etmeyin. Temanızda <data:post.body/> kodunu aratın ve üstüne gerekli kodları yapıştırın.

Kolay Gelsin... Yeni Yılınız Kutlu olsun...

Kaynaklar : Facebook Share, Using Facebook Share Button