30 Haziran 2012 Cumartesi

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.

Kurulum:

]]></b:skin>
Etiketinin hemen üstüne aşağıdaki kodları ekleyelim;
Kod:
/* Yazar Hakkinda Bloglamazamani.blogspot.com
=======================*/
.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'>
Yukarıdaki bulduğumuz etiketin hemen altına aşağıdaki kodu yapıştırın ve şablonu kaydettikten sonra çıkın
<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/AVvXsEiV_st8Dq3o3Fw88bSsDQq8yCeEAG_xoTZbVIZSGbKq4i3t9FZJq2A2BgNNS_ApzUwsm5P5uQ-8CdE3MtksQMkpebMWIg1GG5sSr2-uKL2ASkKiS2Uq8oluRCTvrws09ufmzM9Vru4hyw/s1600/amanyasaluyari.gif' width='70'/><b>Yazar Hakkında:</b><br/>Blogumuzda paylaşılan her şey tanıtım amaçlıdır. Telif ihlali olan paylaşımları iletişim kutusundan bize ulaştırabilirsiniz.
<p style='margin:1px 0'/></p>
</div>
</b:if>
Yapamadığınız bir şey olursa YORUM kısmında belirtebilirsiniz...
İşte hazır güle güle kullanın :)

Hiç yorum yok:

Yorum Gönder