Blog Yazılarınızda En Popüler Sosyal Paylaşım Butonlarını Gösterin
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:
- Aytaç Mestçi ‘den Google +1 Arama Sonuçlarını Nasıl Etkileyecek?
Mert Erkal ‘dan Google +1 Ve Arama Motoru Sıralamalarına Olası Etkileri
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: 'tr'}
</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 == "item"'>
<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='"http://www.facebook.com/plugins/like.php?href="
+ data:post.url +
"&layout=button_count&show_faces=false&width=100&
action=like&font=arial&colorscheme=light"'
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.
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ıtlaSilHayır silmiyorsunuz.Scriptin kodunu head kodunun hemen üstüne yapıştırıyorsunuz.
YanıtlaSilSağ olun. Yazı başlığının altına eklemek istiyorum; ancak gerekli kodu bulamıyorum. Diğerinde de aynı sorun çıkıyor.
YanıtlaSilEklenti için teşekkürler hocam kurdum, oldu :))
YanıtlaSilAyrıca siz neden herhangi bir paylaşım butonu kullanmıyosunuz ? :D
@Eylül'ün Cin'i
YanıtlaSildiv class='post-header' yerine şu kod olabilir şablonunuzda div class='post-header-line-1'
@ By İzocin
YanıtlaSilAslı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.
Biraz acele edin hocam merak ediyorum yeni temayı. Neyse iyi bloglamalar..
YanıtlaSilGeç cevap verdiğim için kusura bakmayın; ama o kod da yok. Ne tür bir eksiklik olabilir?
YanıtlaSilEylü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ıtlaSilBasit şablonunu kullanıyorum.
YanıtlaSilBende 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.
YanıtlaSilhttp://i55.tinypic.com/25fsh38.png
Bakıyorum, aratıyorum; ama hiçbir şekilde çıkmıyor :/
YanıtlaSiltesekkurler uyguladim..
YanıtlaSilteşekkürler uyguladım çalışıyor eline saglık
YanıtlaSilTeşekkürler bilgi için gayet iyi oldu.
YanıtlaSilBi bakın bakalım beğen butonuna basıldığında neyi beğenmiş oluyor !?!
YanıtlaSilHocam twitter sayacı saymıyor mu geç mi sayıyor ?
YanıtlaSil@cetin
YanıtlaSilDoğru söylüyorsunuz bazen gecikiyor ama Twitter'dan kaynaklanan bir durum.Buradaki kod Twitter'ın resmi kodu çünk.
Anladığım kadarıyla sağ taraftaki 5 paylaşım butonu bu kodların içinde yok. Bunları nasıl edinebiliriz
YanıtlaSil@Yeşil Dokunuş'un Yazılar
YanıtlaSilBenim 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.
Onları nasıl edebiliriz. Hepsi de işe yarar şeyler
YanıtlaSilBu arada sayfanızın tasarımı harika. Çok beğendim.Tuttum bu sayfayı bundan sonra sık sık ziyaret edeceğim.
YanıtlaSilUnutmadan benim blog sayfam :
http://yesildokunus.blogspot.com/
Örneğin twitter ikonu ekleyip tıklayınca twittera yönlenmesi için şu kodu kullanıyoruz:
YanıtlaSil<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.
o ikonlar sayfa sonuna nasıl eklenir? Hangi kodun sonuna yazmamız gerek?
YanıtlaSil<div class='post-footer'> kodunun üstüne yada altına ekleyebilirsiniz.İkisini de deneyin hangisi hoşunuza giderse oraya ekleyin.
YanıtlaSilBir ş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ıtlaSilbloguma facebook sayfamın sadece 'BEĞEN' yazan butonunu eklemek istiyorum nasıl eklerim Acil cevap verirseniz sevinirim ??
YanıtlaSil@ece ertoy
YanıtlaSilSadece Facebook beğen butonu için eklemeniz gereken kod:
<iframe src="//www.facebook.com/plugins/like.php?href&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
Facebook sayfamın linkini Verdiğiniz kod da nereye yapıştırıcam ?
YanıtlaSilBen 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ıtlaSilBuradaki 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:
YanıtlaSil<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloghocam&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font&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.
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ıtlaSilOnaylama çıkmayan butonlar çalışmıyor demektir.Facebook butonlarını güncelledi.Dediğiniz onay çıkmayan butonlar eski butonlar ve bir işlevi yok.
YanıtlaSilAma 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ıtlaSilDirek Facebook'un kendi kendi geliştirme merkezinde oluşturun butonu. http://developers.facebook.com/docs/reference/plugins/like/
YanıtlaSilTEŞEKKÜR EDERİM ÇOK YARDIMCI OLDUNUZ BUTONU EKLEDİM İYİ AKŞAMLAR :)
YanıtlaSilSizde ki gibi facebook gönder butonunu nasıl ekleyebiliriz ?
YanıtlaSil@tygtyg
YanıtlaSilBuradan istediğiniz butonu oluşturabilirsiniz.
teşekkürler
YanıtlaSil@Sağlam Oyun
YanıtlaSilBu tür hataların en pratik çözümü widget şablonlarını varsayılana döndürmektir :)
COOK GUZEL TESEKKURLER
YanıtlaSilyeni kullandığım şablonda ne yaptıysam bir türlü şablon göstermiyor paylaşım butonlarını yardımcı olabilir misiniz?
YanıtlaSiltwitterkirmizi.blogspot.com
ben de bulamıyorum.acil yardımmm...
YanıtlaSilMerhabalar 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@ZEYNEP
YanıtlaSilÖ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>
div class='post-header' yerine şu kod olabilir şablonunuzda div class='post-header-line-1'
YanıtlaSilbu iki kod da yok benim şablonumda maalesef
blogum http://narince-narince.blogspot.com/
söylediklerinizin hepsini uyguladım fakat blogumda bir değişiklik olmadı. nasıl yardımcı olabilirsiniz
YanıtlaSil@Eğri Büğrü
YanıtlaSilEklediğiniz yerde sorun olabilir çünkü o koddan şablonlarda birkaç tane olabiliyor. Diğerlerini denemenizi önereceğim.
Serdar Bey,
YanıtlaSilHer 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
Hayır, farklı bir kod yok. Hepsi bu.
YanıtlaSilSerdar Bey
YanıtlaSilYukarı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
<td>LinkedIn kodları</td>
YanıtlaSilÇok teşekkürler...
YanıtlaSilBu 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
Hocam bu arada pardon, ben HTML kodlarını hiç bilmiyorum :-))
YanıtlaSiltd 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...
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ıtlaSilTelefondan yazdigim için hatalar olmuş çok paradan yazim hatalarim icin
YanıtlaSil@bidede.com
YanıtlaSilBen de bunları kullanıyorum.
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ıtlaSilYan tarafta hareket edeni var addthis in onu kullanıyorum o calisiyor face begene tiklayinca paylaş cikiyor ama görüntüsü kotu
YanıtlaSilmerhabalar, 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ıtlaSilHocam 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