Blog Yazılarınızda En Popüler Sosyal Paylaşım Butonlarını Gösterin

Blog yazılarınızı daha çok kişiye ulaştırmanın en iyi yolu sosyal medyadan yararlanmaktır.Bunun için blogunuza eklyeceğiniz paylaşım butonları ile ziyaretçilerin beğendikleri yazıları sosyal medyada kolayca paylaşmalarıı kolaylaştıracak butonlar eklemelisiniz.
popüler sosyal paylaşım butonları

Hangi Sosyal Medya Sitelerinin Butonlarını Kullanmalıyım?


Ülkemizde en çok kullanılan sosyal platformlar Facvebook ve Twitter olduğundan bu sitelerde paylaşımı kolaylaştıracak butonlar mutlaka blog yazılarınızda olmalıdır.
Üçüncü olarak eklenmesi gereken buton ise yeni bir buton olan Google +1 butonu.Henüz çok yeni olduğundan dolayı pek fazla bilginiz olmayabilir, bu yüzden Google +1 ile ilgili okumanızı tavsiye edeceğim bir kaç makaleyi paylaşayım:


Eklenecek Kodlar


İlk olarak Google +1 butonu için gerekli olan script kodunu eklemelisiniz.Bunun için şablonunuzdan </head> kodunu bulun ve bu kodun ve hemen üstüne şu kodu ekleyin.

 

<script src='https://apis.google.com/js/plusone.js'
type='text/javascript'>
{lang: &#39;tr&#39;}
</script>

 

İkinci olarak butonların gösterileceği kodları ekleyeceksiniz, ama nereye?Tercihinize göre yazı başlığının altıns ya da yazının sonuna ekleyebilirsiniz.Ben ikisini de anlatacağım kara sizin.


1. Yazı başlığının altına eklemekl için <div class='post-header'> kodunun altına
2. Yazının sonuna eklemek için <data:post.body/>  kodunun altına aşağıdaki kodları ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'>
<tr> <td> <a class='twitter-share-button'
data-count='horizontal' data-lang='en'
data-via='bloghocam' expr:data-text='data:post.title'
expr:data-url='data:post.url'
href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js'
type='text/javascript'>
</script> </b:if>
</td>
<td> <iframe allowTransparency='true'
expr:src
='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
+ data:post.url +
&quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;
action=like&amp;font=arial&amp;colorscheme=light&quot;'

frameborder='0' scrolling='no' style='border:none;
overflow:hidden; margin-left:20px; width:100px; height:20px;'
/>
</td>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div> </td>
</tr> </table>
</b:if><br/>

 

* data-via='bloghocam'  yerine kendi twitter kullanıcı adınızı yazın.
Bu butonlar benim için yeterli değil diyorsanız AddThis ve ShareThis gibi daha geniş kapsamlı paylaşım butonlarını deneyebilirsiniz.

61 yorum:

  1. Bilgilendirme için teşekkürler. Yalnız anlamdığım bir yer var. 'head' kodunu silecek miyiz, yoksa silmeden, hemen ardından yapıştıracak mıyız?

    YanıtlaSil
  2. Hayır silmiyorsunuz.Scriptin kodunu head kodunun hemen üstüne yapıştırıyorsunuz.

    YanıtlaSil
  3. Sağ olun. Yazı başlığının altına eklemek istiyorum; ancak gerekli kodu bulamıyorum. Diğerinde de aynı sorun çıkıyor.

    YanıtlaSil
  4. Eklenti için teşekkürler hocam kurdum, oldu :))

    Ayrıca siz neden herhangi bir paylaşım butonu kullanmıyosunuz ? :D

    YanıtlaSil
  5. @Eylül'ün Cin'i

    div class='post-header' yerine şu kod olabilir şablonunuzda div class='post-header-line-1'

    YanıtlaSil
  6. @ By İzocin

    Aslında eklemek istediğim sosyal paylaşım butonları da dahil pek çok eklenti var.Biraz daha zaman geçtikten sonra temamı kendi hazırladığım temayla değiştirmeyi düşünüyorum.Yeni temada pek çok eklenti ve widget olacak.

    YanıtlaSil
  7. Biraz acele edin hocam merak ediyorum yeni temayı. Neyse iyi bloglamalar..

    YanıtlaSil
  8. Geç cevap verdiğim için kusura bakmayın; ama o kod da yok. Ne tür bir eksiklik olabilir?

    YanıtlaSil
  9. Eylül'ün Cin'i kullandığın şablonun hangisi olduğunu söylersen kodlarına bakıp kontrol edeyim.Blogger'ın hazır şablonlarının hepsinde bu kodların olması lazım çünkü.

    YanıtlaSil
  10. Bende basit şablonda bu kodları test ediyorum.Hatta yukarıda gördüğünüz ekran görüntüsü de basit şablondan.Basit şablonda kodları bulup görüntüsü kaydettim aşağıdaki linkten bakabilirsiniz.

    http://i55.tinypic.com/25fsh38.png

    YanıtlaSil
  11. Bakıyorum, aratıyorum; ama hiçbir şekilde çıkmıyor :/

    YanıtlaSil
  12. teşekkürler uyguladım çalışıyor eline saglık

    YanıtlaSil
  13. Teşekkürler bilgi için gayet iyi oldu.

    YanıtlaSil
  14. Bi bakın bakalım beğen butonuna basıldığında neyi beğenmiş oluyor !?!

    YanıtlaSil
  15. Hocam twitter sayacı saymıyor mu geç mi sayıyor ?

    YanıtlaSil
  16. @cetin

    Doğru söylüyorsunuz bazen gecikiyor ama Twitter'dan kaynaklanan bir durum.Buradaki kod Twitter'ın resmi kodu çünk.

    YanıtlaSil
  17. Anladığım kadarıyla sağ taraftaki 5 paylaşım butonu bu kodların içinde yok. Bunları nasıl edinebiliriz

    YanıtlaSil
  18. @Yeşil Dokunuş'un Yazılar

    Benim kullandığım sosyal paylaşım butonların yanındakiler paylaşım için değil.Tıkladıysanız farketmişsinizdir sosyal medya hesaplarıma yönlenen basit ikonlar.

    YanıtlaSil
  19. Onları nasıl edebiliriz. Hepsi de işe yarar şeyler

    YanıtlaSil
  20. Bu arada sayfanızın tasarımı harika. Çok beğendim.Tuttum bu sayfayı bundan sonra sık sık ziyaret edeceğim.

    Unutmadan benim blog sayfam :

    http://yesildokunus.blogspot.com/

    YanıtlaSil
  21. Örneğin twitter ikonu ekleyip tıklayınca twittera yönlenmesi için şu kodu kullanıyoruz:

    <a href="twitter.com/bloghocam"><img src="https://lh4.googleusercontent.com/-P0txlew1KY8/TwOF2sZuYuI/AAAAAAAAB4A/r2eoPLDt280/s32/ico-twitter.png" /></a>

    Diğer ikonları ve sosyal hesapları da aynı şekilde yapabilirsiniz.

    YanıtlaSil
  22. o ikonlar sayfa sonuna nasıl eklenir? Hangi kodun sonuna yazmamız gerek?

    YanıtlaSil
  23. <div class='post-footer'> kodunun üstüne yada altına ekleyebilirsiniz.İkisini de deneyin hangisi hoşunuza giderse oraya ekleyin.

    YanıtlaSil
  24. Bir şey dikkatimi çekti facebook beğen butonuna tıklayınca beğenilerimiz profilde çıkmıyor diğer iki butonda sorun yok. ( beğenmeyi bu sayfadan yaptım)

    YanıtlaSil
  25. bloguma facebook sayfamın sadece 'BEĞEN' yazan butonunu eklemek istiyorum nasıl eklerim Acil cevap verirseniz sevinirim ??

    YanıtlaSil
  26. @ece ertoy
    Sadece Facebook beğen butonu için eklemeniz gereken kod:

    <iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

    YanıtlaSil
  27. Facebook sayfamın linkini Verdiğiniz kod da nereye yapıştırıcam ?

    YanıtlaSil
  28. Ben Facebook sayfamın beğen butonunu eklemek için uğraşıyorum..yani o butona tıklandığında benim sayfamın beğenilmesi için kendimi anlata bilmiştirim inş..yardımcı olursanız sevinirim lütfen..

    YanıtlaSil
  29. Buradaki buton blog sayfalarını beğenmeyi sağladığı için bu şekilde istiyorsunuz sandım.Facebook sayfasını beğenmek için gerekli kod şu:

    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloghocam&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

    Koyu renkle yazdığım bloghocam yerine kendi Facebook sayfa ID'nizi yazın.

    YanıtlaSil
  30. TEŞEKKÜRLER Çok güzel yardımcı oluyorsunuz.Kodu ekledim sayfamın Id'ınıda yazdım butona tıkladıkdan sonra birde onaylamak gerekiyor o onaylamayı nasıl kaldıra bilirim ? bazı bloglara bakıyorum butonunu eklemiş tıklıyorum onayla falan çıkmıyor.

    YanıtlaSil
  31. Onaylama çıkmayan butonlar çalışmıyor demektir.Facebook butonlarını güncelledi.Dediğiniz onay çıkmayan butonlar eski butonlar ve bir işlevi yok.

    YanıtlaSil
  32. Ama ben butona tıkladım yanda sayfanın beğeni sayısı yükseldi.sayfayı her yenilediğimde yükseliyor.işlev görüyor o butonlar eğer onun kodu mevcutsa verirseniz sevinirim..sizinde akşam akşam kafanızı ağrıttım kusura bakmayın ama kaç gündür uğraşıyorum bir türlü çözemedim su buton işini :(

    YanıtlaSil
  33. Direk Facebook'un kendi kendi geliştirme merkezinde oluşturun butonu. http://developers.facebook.com/docs/reference/plugins/like/

    YanıtlaSil
  34. TEŞEKKÜR EDERİM ÇOK YARDIMCI OLDUNUZ BUTONU EKLEDİM İYİ AKŞAMLAR :)

    YanıtlaSil
  35. Sizde ki gibi facebook gönder butonunu nasıl ekleyebiliriz ?

    YanıtlaSil
  36. @tygtyg

    Buradan istediğiniz butonu oluşturabilirsiniz.

    YanıtlaSil
  37. @Sağlam Oyun
    Bu tür hataların en pratik çözümü widget şablonlarını varsayılana döndürmektir :)

    YanıtlaSil
  38. yeni kullandığım şablonda ne yaptıysam bir türlü şablon göstermiyor paylaşım butonlarını yardımcı olabilir misiniz?
    twitterkirmizi.blogspot.com

    YanıtlaSil
  39. ben de bulamıyorum.acil yardımmm...

    YanıtlaSil
  40. Merhabalar bende bu kodları eklemek istiyorum ancak twitter hesabım yok.Blog hocam yerine kendi kullanıcı adınızı yazın demişsiniz bu durumda oraya ne yazmalıyım bir de daha önceden sadece facebook beğen kodunu uygulamıştım ama o kod hangi koddu hatırlıyamıyorum bu kodları ekleyince onu silmem gerekecek sanırım umarım anlatabilmişimdir şimdiden teşekkür ederim hoşçakalın

    YanıtlaSil
  41. @ZEYNEP
    Öncelikle şablona daha önce eklediğiniz Facebook kodunu kaldırmak için şablondan şu kodları silin:

    <a name='fb_share' rel='nofollow' share_url='http://rengarenktatlar.blogspot.com/2013/02/3eva-bebek-karsinizda.html' type='button_count'>Payla%u015F</a>
    <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

    Bu butonları eklerken Twitter'ı kaldırmak için kodların içerisindeki şu bölümü silin:

    <td> <a class='twitter-share-button'
    data-count='horizontal' data-lang='en'
    data-via='bloghocam' expr:data-text='data:post.title'
    expr:data-url='data:post.url'
    href='http://twitter.com/share' rel='nofollow'/>
    <b:if cond='data:post.isFirstPost'>
    <script src='http://platform.twitter.com/widgets.js'
    type='text/javascript'>
    </script> </b:if>
    </td>

    YanıtlaSil
  42. div class='post-header' yerine şu kod olabilir şablonunuzda div class='post-header-line-1'

    bu iki kod da yok benim şablonumda maalesef

    blogum http://narince-narince.blogspot.com/

    YanıtlaSil
  43. söylediklerinizin hepsini uyguladım fakat blogumda bir değişiklik olmadı. nasıl yardımcı olabilirsiniz

    YanıtlaSil
  44. @Eğri Büğrü
    Eklediğiniz yerde sorun olabilir çünkü o koddan şablonlarda birkaç tane olabiliyor. Diğerlerini denemenizi önereceğim.

    YanıtlaSil
  45. Serdar Bey,

    Her yöntemi denedim, bu yukarıda yazdıklarınızın ve yorum sayfasında yazılanların hepsini denedim. Fakat maalesef blogumda yazı alt ya da üstünde-başlık altında hiçbir şekilde sosyal paylaşım butonları gözükmüyor. Ne yapabilirim? Farklı bir kod mu lazım?
    Yardımcı olabilir misiniz?
    Teşekkürler

    YanıtlaSil
  46. Hayır, farklı bir kod yok. Hepsi bu.

    YanıtlaSil
  47. Serdar Bey

    Yukarıda bahsettiğiniz kodların arasına Linkedin paylaşım ve counter'ını da koymak istiyorum. Nereye hangi kodu koyacağım konusunda yardımcı olur musunuz? Tweet butonu yanına örneğin koymak istesem?
    teşekkürler

    YanıtlaSil
  48. <td>LinkedIn kodları</td>

    YanıtlaSil
  49. Çok teşekkürler...
    Bu arada dün sosyal paylaşım butonları blogumda görünmüyor diye sizinle paylaşmıştım. Tesadüfen şunu gördüm: blog'da blogger'ın yorum temasında sadece tek satır "x yorum" ya da "hiç yorum yok" yanında bir kalem işareti var. O kalem işaretine basında yorum yazılacak kısım altına açılıyor. Bu kısım açılınca sosyal paylaşım butonlar görünmeye başlıyor. Bu konuda yardımcı olabilir misiniz? Yorum sayfasının sürekli açık kalmasını istiyorum (sizin bu blogunuzdaki gibi) Belki o zaman sosyal paylaşım butonları da sürekli görünür. Ya da sizin acaba ekleyebileceğiniz yorum ne olabilir? Nasıl düzeltebiliriz bu durumu? Yardımcı olabilirseniz çok sevineceğim.
    teşekkürler

    YanıtlaSil
  50. Hocam bu arada pardon, ben HTML kodlarını hiç bilmiyorum :-))
    td LinkedIn kodları /td burada bahsettiğiniz linkedin kodları neler? :-)
    (yani hem paylaşacak hem yanında sayısı gözükecek olan kodlar)
    Ben bilgisizim bu konularda o yüzden yardımınıza ihtiyacım var...
    teşekürler, yardımlarınız için çok sağolun...

    YanıtlaSil
  51. Hocam aramadigim yer kalmadi sizin sitenizdeki gibi buton bulamiyorum addthis ten denedim ama facebook twitter ve g+ lazim sizinki gibi yanyana sizdeki inshare olmadan bana nazil yapacagimi anlatabilirmisiniz bu yazidekini de demedim face butonuna tiklayinca paylaşma kutusu cikmiyor o yüzden sizinkilerden lazim hocam

    YanıtlaSil
  52. Telefondan yazdigim için hatalar olmuş çok paradan yazim hatalarim icin

    YanıtlaSil
  53. @bidede.com
    Ben de bunları kullanıyorum.

    YanıtlaSil
  54. Ama hocam ben yaptim aynisini, bende face Beğen butonuna tiklayinca sizdeki gibi paylaşma kutusu çıkmıyor. Temadan olur mu bu durum ? Neden olabilir?

    YanıtlaSil
  55. Yan tarafta hareket edeni var addthis in onu kullanıyorum o calisiyor face begene tiklayinca paylaş cikiyor ama görüntüsü kotu

    YanıtlaSil
  56. merhabalar, peki hocam paylaşım butonlarını ana sayfada değilde sadece kayıt sayfasında nasıl gösterebiliriz böyle bi imkanımız varmı

    YanıtlaSil
  57. Hocam sizin yazılarınızın altındaki gibi sayısı görünen beğen butonu koymak istiyorum. Burada yazılanları aynen yaptım fakat hiç bir değişiklik olmadı

    YanıtlaSil

Blogger tarafından desteklenmektedir.