Blogger Yazar Hakkında Eklentisi
Blogger sitenizde yazılarınızın altında yazar hakkında bölümü eklemek. Sade ve kullanışlı bu kısa ve kolay eklenti sayesinde blogunuz da yazılarınızın altında kendi tanıtımınız ve resminizi ekleyebilirsiniz. Her renge ve boyuta ayarlanabilen bu eklenti kesinlikle çok işinize yarayacaktır. Eklentinin ön-izlemesi aşağıdadır; demosu içinde buraya tıklamanız yeterlidir. Güle güle kullanmanız dileğiyle..
Hemen kurulum gelelim;
Etiketinin hemen üstüne aşağıdaki kodları ekleyelim;
Kod:
Şimdide aşağıdaki etiketi bulalım
Etiketin hemen altına aşağıdaki kodlarımızı ekleyelim
Kod:
Hemen kurulum gelelim;
]]></b:skin>
Etiketinin hemen üstüne aşağıdaki kodları ekleyelim;
Kod:
/* Yazar Hakkinda Ozicab
=======================*/
.author-box {
border:1px solid#e0e0e0;
margin: auto;
margin: 5px 3px;
padding: 5px;
overflow: auto;
background:#FFF;
}
.author-box a {
color: #005594;
font-size: 14px;
font-weight: Bold;
letter-spacing: 0px;
margin: 0 0 1em;
}
.author-box p {
margin: 0;
padding: 0;
font-size: 14px;
}
.author-box img {
float: left;
margin: 0 5px 0 0;
padding: 2px;
}
Şimdide aşağıdaki etiketi bulalım
<div class='post-footer'>
Etiketin hemen altına aşağıdaki kodlarımızı ekleyelim
Kod:
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='' border='0' class='' height='70' src='https://lh4.googleusercontent.com/-5BH2LfGoK7Q/AAAAAAAAAAI/AAAAAAAAABw/SLXfUvYsmY4/s200-c-k/photo.jpg' width='70'/><b>Oğuzhan Cabbaroğlu Hakkında:</b><br/>Web tasarım, grafik tasarım, domain-host alım satım işleriyle uğraşan, Sanal alemde adını duyurmuş, tanınmış bir sanal alem çocuğu, Facebook, twtitter, google+ ve bir çok sosyal ağlarda üyeliği olan sanalda ve normalde takma ismi ozicab olan bir insan..
<p style='margin:1px 0'/></p>
</div>
</b:if>
Bütün işlem bu kadar artık içeriklerinizin altında yazar hakkında eklentisi var. Güle güle kullanın..
Blogger Yazar Hakkında Eklentisi
Reviewed by Oğuzhan Cabbaroğlu
on
2/24/2012
Rating:
eline sağlık :)
YanıtlaSilDostum Ozii sana Tavsiye. siteni Belli bir konsepte göre güncellee. ..
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSilya class='post-footer'> bu kot html düzenlede yok
YanıtlaSilEvet Bendede "class='post-footer'>" yok! :( senin temanı kullanıyorum
YanıtlaSilKardeş div class='post-footer' diye bir kod yok
YanıtlaSil