Etiketler :
Bazı blogger sitelerinde rastladığım bir eklenti, yazının hemen altında "Yazar Hakkında" bölümü oluyor.Çok güzel bir görüntü veriyor diye düşünüyorum ve sizin hakkınızda kısa bir bilgi içeriyor.İlgi çekici bir eklenti bence.


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.




Hemen sitenize nasıl bu eklentiyi yapacağını anlatayım

]]></b:skin>


Kodunun hemen üzerine aşağıdaki verdiğim kodu ekleyin


Kod:
/* Yazar Hakkinda AlperenUnver
=======================*/
.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ğıda verdiğim kodu bulalım
<div class='post-footer'>

Kodun hemen altına aşağıdaki kodumuzu ekleyelim 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='author-box'> 
<p><img alt='' border='0' class='' height='70' src=
'http://i47.servimg.com/u/f47/14/77/22/91/yazar10.png' width='70'/>
<b>Yazar Hakkında:</b>
<br/>Merhaba! Ben Alperen Ünver. 26 Ekim 1996 tarihinde doğdum.
 İnternet,teknoloji, müzik meraklısıyım. 
6 senedir müzikle uğraşıyorum elektro gitar çalıyorum.
Web tasarım ve grafik tasarımda kendimi geliştirmeye çalışıyorum sürekli. 
Sanal alemde fazla vakit geçiyorum beni her yerden bulabilirsiniz.
<p style='margin:1px 0'/></p> </div> 
</b:if>

Kod:

En son verdiğim kodda gerekli düzenlemeleri yapın. Güle güle kullanın...