Blogger yazı altına yazar hakkında bilgi bölümü eklemek

Merhaba ;

Blog yazılarının hemen altında bulunan ve isteğe bağlı olarak kısa veya uzun olmak üzere okuyucunun yazar hakkında bilgi sahibi olmasına olanak sağlayan bu eklentiyi bloğumuza nasıl ekleyebileceğimizi göstericem.
Bu eklenti sayesinde yazar hakkında bilgi vererek , ziyaretçi karşısında diğer bloglardan bir adım önde olmanızı sağlayacaktır.
Günümüzde binlerce hatta yüzbinlerce blog var ve tabiki bu blogları oluşturan yani içeriklerin sahipleri var,buda demek oluyorki binlerce hatta yüzbinlerce yazar var.
Bu eklenti sayesinde kısada olsa okuyucular , yazarlar hakkında fikir sahibi olabilirler.
Fazla uzatmadan eklentinin kurulumuna geçelim.

Kurulumdan önce eklentiden bir görüntü ;

Kurulum ;

Öncelikle Şablon > Html düzenle diyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

]]></b:skin>

ve hemen üstüne aşağıdaki kodları ekliyoruz.

.authbio{
color: #454545; 
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 1px solid #B2F702;
width: 520px;
padding: 15px;
margin-bottom:25px;
}
.biotitle {
width: 520px;
background: #B2F702;
width: 520px;
padding: 0px;
border: 1px solid #000000;
}
.biotitle h3 {
font-weight: bold;
color: black;
padding:3px;
}
.authbio a{
color:#B2F702;
text-decoration:underline;}

Daha sonra aşağıdaki kodu buluyoruz.( Birden fazla olabilir , tek tek denemelisiniz. )

<data:post.body/

ve hemen altına aşağıdaki kodları ekliyoruz.

<div class='authbio'>
<div class='biotitle'>
<center> <a target="_blank" rel="dofollow" href="http://bloggereklentideposu.blogspot.com"><h3>Yazar Hakkında</h3></a></center>
</div>
<br/>
<div style='float: left;'>
<img alt='' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaA5zcCpSMwnT2OOJ5U_DBAKSXY-r1-O_HXgagaAitydbD5PoO77T37rjF_DeEJEpv6xnt-bIGJ6pB4lRoxWlua7Izqos_2hU_7mb3Wec1O1D0L9TXnOTadYsNpHugs8VrzVfpa0Jdy7WI/h120/Blogger_logo.png' width='75'/>
</div>

 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
</div>

Kod ekleme işlemi bittikten sonra gelelim özelleştirmeye.

kırmızı  > 75x75 avatar url'si
mor > yazar hakkında sayfa url'niz
mavi  > genişlik ayarı hepsini aynı ölçüde değiştirin.
yeşil  > " yazar hakkında " yazısının arka plan rengi
turkuaz  > yazar hakkında yazısının ayarları
pembe  > diğer yazıların ayarı

Eklentimiz başarıyla kuruldu.Hayırlı olsun :)


" Anahtar Kelimeler : blogger yazı altına yazar hakkında bilgi bölümü eklemek, blogger yazar hakkında kutusu eklemek, blogger yazı altına yazar hakkında eklemek, blogger yazı altına yazar hakkında kutusu eklemek "

Dipnot

Bu yazı 19 Eylül 2015 Cumartesi günü Unknown tarafından yazılmıştır. Güncel yazılarımızı RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz bu konu hakkındaki düşüncelerinizi yorum bölümünü kullanarak bana ve değerli ziyaretçilerime iletebilirsiniz.