Blog Yazılarının Altına Yazar Bilgi Kutusu Ekleyin

Yazar bilgi kutusu, her blog yazısının sonunda yer alan ve yazarla ilgi kısa bilgiler  ile iletişim bilgilerini içeren bir kutudur.

Blogger Yazar Bilgi Kutusu

Blogger’da birden fazla yazarı olan bloglar için değil ama tek bir yazarı olan bloglar için bu yazar bilgi kutusunu kullanabiliyoruz.Nasıl mı?

1.Adım: Kumanda Paneli > Şablon > HTML’yi Düzenle  yolunu izleyerek Widget Şablonlarını Genişlet kutusunu işaretleyin ve Ctrl + F tuş kombnasyonunun yardımıyla ]]></b:skin> kodunu bulun.Bu kodun hemen üstüne şu kodları ekleyin:

.author_info {
float: right;
width: 450px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}



2.Adım: Şimdi <data:post.body/> kodunu bulun ve bunun altına aşağıdaki kodları ekleyin:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author'
src='http://i51.tinypic.com/r89tfm.png'/>
</
div>
<h3>Yazar Hakkında</h3> Merhaba ben
<a href='http://bloghocam.blogspot.com/p/hakkmda.html'
target='_blank' title='Hakkımda'>Serdar Kara</a>.
Geçmişte blog yazarken edindiğim tecrübeleri acemi
blogcularla ve blogunu geliştirmek isteyenlerle paylaşmanın
keyifli olacağını düşünerek
<a href='http://bloghocam.blogspot.com/'
target='_blank' title='Blog Hocam'>Blog Hocam</a>
&#8217;ı yazmaya başladım.Yazılarımı sürekl okumak
isterseniz Blog Hocam&#8217;ı
<a href='http://www.facebook.com/pages/Blog-Hocam/196713297023764'
target
='_blank' title='Facebook İleTakip Et'>Facebook</a>,
<a href='http://twitter.com/bloghocam' target='_blank'
title='Twitter İle Takip Et'>Twitter</a>,
<a href='http://feedburner.google.com/fb/a/mailverify?uri=BlogHocam'
target
='_blank' title='E-Posta İle Takip Et'>E-Mail</a> veya
<a href='http://feeds.feedburner.com/BlogHocam'
target='_blank' title='RSS İle Takip Et'>RSS</a> ile
takip edebilirsiniz.

</div>
</b:if>



Düzenlemeniz Gereken Yerler

- Eğer yazar bilgi kutusu olması gerekenden büyük yada küçük ise 1.adımdaki kodlarda yazan width: 450 px yazan değeri değiştrin.

- 2.adımdaki kodlarda http://i51.tinypic.com/r89tfm.png yerine kendi resminizin U:RL’sini yazın.

- Yazar hakkında bana ait olan bilgileri kendinize göre değiştirin.

17 yorum:

  1. 2. kod çalışmıyor hocam..

    YanıtlaSil
  2. @Alem-i Devir
    Tamam hatayı giderdim.Tekrar denersen sotrunsuz çalışacaktır...

    YanıtlaSil
  3. Konuda çok uzman olmuşsunuz hocam teşekkürler

    YanıtlaSil
  4. Hocam eline koluna sağlık :)

    YanıtlaSil
  5. Hocam çok teşekkür ederiz . Blogger'da ciddi yazanlar için gerekli bir eklenti idi.

    YanıtlaSil
  6. Bunu Blogger'ın XML yapısını bilen birisi çok yazarlı bloglar için de düzenleyebilir. Örnek olarak ise blog sahibinin yorumunu farklı biçimlendiren/renklendiren uygulamalar var, onlar incelenerek yapılabilir.

    YanıtlaSil
  7. Eklentiyi bloguma ekledim ve editledim. Yalnız bir sorunum var. Verdiğiniz koddaki "yazar hakkında" yazısı sayfaya ilk girdiğimde görünüyor, daha sonra gidiyor. Blogumda cufont fonts kullanıyorum ondan kaynaklanıyor olabilir mi sorun?

    YanıtlaSil
  8. eğer blogunuzda tek yazar siz iseniz her yazınızda yazar bilgisi olması seo açısından olumsuz sonuçlar verecktir.Her yazıda aynı bilgiler olaçağından google spam olarak algılayabilir.sayfanıza olması gereken değeri vermez.Görsel acıdan çok hoş durduğu kesin,fakat google ile aramı bozacaksa bu eklentiye hayır diyorum.PAYLAŞIM İÇİN TEŞEKKÜRLER
    R10blog.net

    YanıtlaSil
  9. ALLAH razı olsun hocam çok saol

    YanıtlaSil
  10. Merhaba Ustacığım
    Ben bu yazar bilgisi eklentisini erkoc.blogspot.com'daki sadece Sosyal güvenlik kategorisinde yazdığım yazıların altında görünmesini istiyorum.Yani tüm yazılarımda değilde sadece o kategörideki yazılarımın altında görünmeli.
    Bunu nasıl ayarlayabilirim?
    Selam İle

    YanıtlaSil
  11. @LEVENT ERKOÇ
    Maalesef bu şekilde kullanmanız mümkün değil.

    YanıtlaSil
  12. Bilgi için teşekkürler Ustam

    YanıtlaSil
  13. ben de çalışmadı yav. www.webeggin.com da bakabilirsiniz. nasıl çözerim :(

    YanıtlaSil
  14. Hocam bunu birden fazla yazarlar için nasıl düzenleyebiliriz? Her yazarın altında kendi hakkında bilgisi gözüksün istiyorum..

    YanıtlaSil
  15. @Maestro
    Onu anlattım daha önce şurada bulabilirsiniz:
    http://bloghocam.blogspot.com/2012/11/cok-yazarl-bloglar-icin-yazar-bilgi.html

    YanıtlaSil
  16. Teşekkürler uzun zamandır aklımdaydı henüz bloguma uyguladım bazı temalarda hoş bir görünüm oluyor..

    YanıtlaSil
  17. Hocam aynen dediğiniz gibi uyguladım ama sonuç alamadım bişey değişmedi acaba temadan temaya değişken olabiliyormu ? Kolay gelsin...

    YanıtlaSil

Blogger tarafından desteklenmektedir.