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.
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 == "item"'>
<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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:
Ben kodu bulamadım maalesef :( Acaba benim şablonda mı yok?
YanıtlaSilbende div class='post-footer' kodundan iki tane var, hangisinin altına ekleyeceğim?
YanıtlaSil@Asahhara
YanıtlaSilBlogunuza 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.
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@Asahhara
YanıtlaSilYazı başlıklarından birine tıklayıp kayıt sayfasını açarsanız çıkacaktır sanırım.
bunu arıyordum.uyguladım,teşekkürler blog hocam.
YanıtlaSilBen Ş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ıtlaSilBu 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ıtlaSilben ekledim ama olmadı, yani eklenti çıktı ama üstteki gibi değil. neyse.
YanıtlaSilOrada 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@supercellma
YanıtlaSilDü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.
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ıtlaSilhocam 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ıtlaSilben de varsa bir miktar "header tasarımı konusunda yardım" yazısı alıcaktım:))
YanıtlaSilHocam 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@Cenk Akın
YanıtlaSilBaktım, tekrar kontrol ettim kodlarda hiç bir sorun yok.Çalışıyor.Yeniden deneyin.
Çok ilginç, ben hala göremiyorum kendi blogumda. Dışarıdan gelen ziyaretçiler mi görüyor acaba sadece anlayamadım.
YanıtlaSilHayı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ıtlaSilolmayan bloglarda guzel durur ama zaten bende bunun frklisi var
YanıtlaSiltesekkurler hocam
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ıtlaSilHocam her yazının altında şu şekilde olmasını istiyorum da bunun için ne yapabilirim?
YanıtlaSilhttp://c1205.hizliresim.com/x/4/58q9z.png
@Fırat Yalçın
YanıtlaSilŞu yazıya bakabilirsin.
Teşekkürler Serdar Abi.
YanıtlaSilhocam 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.
YanıtlaSilçok çok çok teşekkürler.
olmadı arkadslar uyguladım ancak saygılar ıyı calışmalar..
YanıtlaSil@Neşvünema bulmak..
YanıtlaSilHayı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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
hocam bende 'div class='post-footer' kodu yok anlamadım ne yapmam gerekiyor yardım lütfen
YanıtlaSil@Kemal ZÜLFİĞAROĞLU
YanıtlaSilWidget şablonlarını genişlet kutucuğunu işaretleyip öyle arayın.
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ıtlaSilBende 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ıtlaSilarka planı gri yapabilirmiyiz
YanıtlaSilçok teşekkürler bu yazı için, ben fonu transparan bile yaptım artık sayenizde bir sürü şey öğreniyoruz :)
YanıtlaSilTeşekkürler inanılmaz yararlı bilgiler buldum bloğunuzda :) Saygılar
YanıtlaSilBende 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 !
Serdar Bey,
YanıtlaSilLinkedin paylaşımı için de kodları verebilir misiniz?
Teşekkürler
LİnkedIn paylaş butonu için kod:
YanıtlaSil<script src='//platform.linkedin.com/in.js' type='text/javascript'/>
<script data-counter='right' type='IN/Share'/>
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.
YanıtlaSilDüzeltebilmek için yardımcı olabilir misiniz?
teşekkürler
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ıtlaSilBen yapamadım ya bilgilendirin içerikle
YanıtlaSilTeşekkür ederim, tasarımda ufak bazı değişiklikler yaptım oldu.
YanıtlaSilMErhaba serdar bey dediğinz şekilde yaptım ama şablon kabul etmıyor kotları napmam lazm
YanıtlaSilSerdar bey, benim blog kodlarında bahsettiğiniz bölüm yok! (ucurtmayazari.blogspot.com) ne yapabilirim acaba?
YanıtlaSilSerdar 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