Blogger Yazar Hakkında Eklentisi

Cuma, Nisan 6 yazildi.

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. Güle güle kullanmanız dileğiyle..

Gelelim uygulamaya....

Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet devam edelim;
]]></b:skin>
Etiketinin hemen üstüne aşağıdaki kodları ekleyelim;

Kod:
/* Yazar Hakkinda BatuSCELL
=======================*/
.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 == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' border='0' class='' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd0PZDVb_1syMCq263-umlAGdZDk-WCQyqsvg7Q-F3k6KF8H8BLi_OxARvVd0bP7FbpkOCiJDkJqkpGqgNSK3IO8ZUYw4llhvB4RzR-41znr233W8JU2FuyfTDe6TZJRsARRTC8H8zHsY/s220/gravatar-100x100.jpg' width='70'/><b>Batuhan Ateş (Yazar Hakkında)</b><br/>Merhabalar ben Batuhan .Orta Okul öğrencisiyim. Web sitelerine hep ilgim olmuştur uzun sürede Bedava-Sitem’de çok çalıştım ;) Bedava-Sitem’de şuan hala bir sitem var onu ara sıra kullanıyorum. Şuan amatörüm ama ileride kendimi üst düzeylerde görüyorum :) Neyse bu kadar yeter… Görüşmek üzere..!
<p style='margin:1px 0'/></p>
</div>
</b:if>

0 yorum: