Yazı Altına Facebook Ve Twitter Paylaşım Kutusu Ekleyin

Hemen her blog yazarı ve blog okuyucusunun bir Facebook ve Twitter hesabı var.Bu yüzden yazılarınızın altında en azından bu sosyal ağlara ait butonların yer aldığı bir kutu göstermek yazılarınızın paylaşım sayısını ve takipçi sayınızı arttıracaktır.

 

Bu yazıda paylaştığım kodları blogunuza eklediğinizde yazılarınızın altında, resimde gördüğünüz gibi bir paylaşım kutusu çıkacak.Kutuda Facebook beğen ve gönder butonları ile Twitter tweetle ve takip et butonları var.

 

Yazı Altına Facebook Ve Twitter Paylaşım Kutusu

 

Bu Facebook ve Twitter paylaşım kutusunu blogunuza eklemek için şablonunuzda <div class='post-footer'> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' height:80px; width:500px;  background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;'>
<p style='color: rgb(59, 89, 152); margin: 5px 0pt 5px; font: bold 1.3em helvetica,arial,verdana;'>Bu yazıyı beğendiğiniz mi? Paylaşın!</p>
<div id='fb-root'/><script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1'/><fb:like send='true' show_faces='false' width='450'/>

<a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweetle</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><a class='twitter-follow-button' data-lang='tr' data-show-count='false' href='https://twitter.com/bloghocam'>Takip Et</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</div>
</b:if>

 

Kırmızı renkle yazdığım bloghocam yerine kendi Twitter ID’nizi yazmayı unutmayın.Bu eklentiye alternatif olarak şunları da deneyebilirsiniz:

42 yorum:

  1. Ben kodu bulamadım maalesef :( Acaba benim şablonda mı yok?

    YanıtlaSil
  2. bende div class='post-footer' kodundan iki tane var, hangisinin altına ekleyeceğim?

    YanıtlaSil
  3. @Asahhara
    Blogunuza baktım.Olduğundan eminim.Hatta şu şekilde olması gerekir:

    div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>

    Bu iki kodun arasına ekleyeceksiniz paylaşım kutusunun kodlarını.

    @supercellma
    İlkinin altına yeni üstte bulunan kodun altına ekleyeceksiniz.

    YanıtlaSil
  4. supercellma 'nın dediği Widget şablonlarını genişlete basınca çıktı kod. Altına aynen ilave ettim altına ama çıkmadı.

    YanıtlaSil
  5. @Asahhara
    Yazı başlıklarından birine tıklayıp kayıt sayfasını açarsanız çıkacaktır sanırım.

    YanıtlaSil
  6. bunu arıyordum.uyguladım,teşekkürler blog hocam.

    YanıtlaSil
  7. Ben Şablon Tasarımından Html'yi düzenlede bakarak yaptım. Yazı başlıkları dediğiniz yer girilen postmudur. Yani her girdiğimiz postta mı bunu yapmamız gerek..

    YanıtlaSil
  8. Bu paylaşım kutusu ana sayfada değil de kayıt sayfalarının içine girdiğinizde gözükür.Örneğin ana sayfanız olan http://asahhara.blogspot.com/ da yok ama kayıtlardan birine girdiğinizde http://asahhara.blogspot.com/2012/04/gorunen-koy-kilavuz-istemez.html yazı altında paylaşım kutusu gözükür.

    YanıtlaSil
  9. ben ekledim ama olmadı, yani eklenti çıktı ama üstteki gibi değil. neyse.

    YanıtlaSil
  10. Orada görüneceğini anladım. Ama bu kodu nereye gireceğimi bulamadım sanırım. Neyse teşekkür ederim yardımlarınız için..

    YanıtlaSil
  11. @supercellma
    Düzeltebiliriz, sorun değil.

    @Asahhara
    Kodu doğru bir şekilde eklemişiniz zaten.Yazılarınızın altında paylaşım kutusunu görüyorum.

    YanıtlaSil
  12. Sanırım iş yoğunluğundan beynim durdu. Şimdi anladım durumu :) Evet olmuş çok teşekkür ederim yardımlarınız için.

    YanıtlaSil
  13. hocam merhaba, bu paylaşımınız çok güzel de yayınlarımızın altına bir de pinterest için "pin it" butonu ekleme konusunda yardımcı olabilir misiniz acaba ? şimdiden teşekkürler.

    YanıtlaSil
  14. ben de varsa bir miktar "header tasarımı konusunda yardım" yazısı alıcaktım:))

    YanıtlaSil
  15. Hocam selamlar, kodu bloguma ekledim fakat bir sonuç alamadım, bir bakma imkanınız var mıdır ? Teşekkürler. http://topsuzalandafaul.blogspot.com/

    YanıtlaSil
  16. @Cenk Akın
    Baktım, tekrar kontrol ettim kodlarda hiç bir sorun yok.Çalışıyor.Yeniden deneyin.

    YanıtlaSil
  17. Çok ilginç, ben hala göremiyorum kendi blogumda. Dışarıdan gelen ziyaretçiler mi görüyor acaba sadece anlayamadım.

    YanıtlaSil
  18. Hayır herkes görebilir ama siz eklerken hata yapmış olmalısınız.Eklediğiniz yere dikkat edin. <div class='post-footer'> kodunu aradığınızda birden fazla sonuç çıkar, ilkinin altına ekleyeceksiniz.

    YanıtlaSil
  19. olmayan bloglarda guzel durur ama zaten bende bunun frklisi var

    tesekkurler hocam

    YanıtlaSil
  20. Hocam sizden görüp yapıyoruz, sonra siz daha yenisini koyuyorsunuz onunla bizde değiştirip güncelliyoruz bloglarımızı çok teşekkür ederim :))

    YanıtlaSil
  21. Hocam her yazının altında şu şekilde olmasını istiyorum da bunun için ne yapabilirim?

    http://c1205.hizliresim.com/x/4/58q9z.png

    YanıtlaSil
  22. @Fırat Yalçın
    Şu yazıya bakabilirsin.

    YanıtlaSil
  23. hocam nasıl işime yaradı anlatamam. günlerdir, orayı siliyorum buraya yapıştırıyorum, onu ediyorum bunu ediyorum bir türlü bi "tweet" düğmesiyle "like"'ı birlikte postun altına yerleştiremiyodum.

    çok çok çok teşekkürler.

    YanıtlaSil
  24. olmadı arkadslar uyguladım ancak saygılar ıyı calışmalar..

    YanıtlaSil
  25. @Neşvünema bulmak..
    Hayırlı ramazanlar,
    Geç cevapladığım için kusura bakmayın.Hafta sonlarını kendime ve aileme ayırdığım için pek online olmuyorum.

    Sorunuza gelince şu kodu kaldırın:

    <a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweetle</a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><a class='twitter-follow-button' data-lang='tr' data-show-count='false' href='https://twitter.com/bloghocam'>Takip Et</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

    YanıtlaSil
  26. hocam bende 'div class='post-footer' kodu yok anlamadım ne yapmam gerekiyor yardım lütfen

    YanıtlaSil
  27. @Kemal ZÜLFİĞAROĞLU
    Widget şablonlarını genişlet kutucuğunu işaretleyip öyle arayın.

    YanıtlaSil
  28. baska versiyonu deniyordum değişritdim güzel oldu ama tweetle bölümünde hata aldım ama hata sizin kodda değil mbende çözemedim eski kodlarım normaldi bi gun bakdım twitter yazıyısı kaybolmustu bu kodu ekleyincede sadece yazı olarak çıktı mesela tweetle gibi yukardaki tweer 0 yazmıyor sadece tweetle yazı olarak yazıyor bunun nedeni ne olabilir sizce

    YanıtlaSil
  29. Bende bunu kullanmaya başladım ve yine sizin benzer yazılar eklentisini kullanıyorum.Fakat alt alta yani sıkışık görünüyorlar,aralarında hiç boşluk yok.Bunların arasında nasıl boşluk bırakabilirim.Lütfen Yardım Edin!

    YanıtlaSil
  30. arka planı gri yapabilirmiyiz

    YanıtlaSil
  31. çok teşekkürler bu yazı için, ben fonu transparan bile yaptım artık sayenizde bir sürü şey öğreniyoruz :)

    YanıtlaSil
  32. Teşekkürler inanılmaz yararlı bilgiler buldum bloğunuzda :) Saygılar
    Bende yardımda bulunayım.

    1) http://www.takipci-siteleri.tk
    2) http://www.takipsitem.tk/connect.php - Günlük 60 kredi

    Arkadaşlar
    1. siteden takipçi sitelerine ulaşabilirsiniz !
    2. siteden takipçi arttırabilirsiniz !

    YanıtlaSil
  33. Serdar Bey,

    Linkedin paylaşımı için de kodları verebilir misiniz?

    Teşekkürler

    YanıtlaSil
  34. LİnkedIn paylaş butonu için kod:

    <script src='//platform.linkedin.com/in.js' type='text/javascript'/>
    <script data-counter='right' type='IN/Share'/>

    YanıtlaSil
  35. Serdar Bey Cavbınız için teşekkürler. Yukarıda verdiğiniz linkedin kodunu kullandığımda paylaş'a bastığımda Yazımın başlığını değil, blogumun başlığını gösterdi.
    Düzeltebilmek için yardımcı olabilir misiniz?
    teşekkürler

    YanıtlaSil
  36. serdar bey sizin temanızı kulanıyorum bu eklenti temada otomatik olarak var yanlız bloghocam olaraak görünüyor ve bunu değişimiyorum bi türlü bu eklentiyi komple kaldırmak istiyorum cok ugraştım ama yapamadım yardımcı olursanız sevinirim.

    YanıtlaSil
  37. Ben yapamadım ya bilgilendirin içerikle

    YanıtlaSil
  38. Teşekkür ederim, tasarımda ufak bazı değişiklikler yaptım oldu.

    YanıtlaSil
  39. MErhaba serdar bey dediğinz şekilde yaptım ama şablon kabul etmıyor kotları napmam lazm

    YanıtlaSil
  40. Serdar bey, benim blog kodlarında bahsettiğiniz bölüm yok! (ucurtmayazari.blogspot.com) ne yapabilirim acaba?

    YanıtlaSil
  41. Serdar Facebookta paylaşırken " Uygulama Ayarlanmadı: Bu uygulama hala geliştirme modunda ve bu yüzden buna erişemiyorsunuz. Geliştirici kullanıcı olarak değiştir veya uygulama sahibinden izin al" hatası alıyorum.

    YanıtlaSil

Blogger tarafından desteklenmektedir.