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;
]]></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 == &quot;item&quot;'>
<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 Blogger Yazar Hakkında Eklentisi Reviewed by Oğuzhan Cabbaroğlu on 2/24/2012 Rating: 5

6 yorum

  1. Dostum Ozii sana Tavsiye. siteni Belli bir konsepte göre güncellee. ..

    YanıtlaSil
  2. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  3. ya class='post-footer'> bu kot html düzenlede yok

    YanıtlaSil
  4. Evet Bendede "class='post-footer'>" yok! :( senin temanı kullanıyorum

    YanıtlaSil
  5. Kardeş div class='post-footer' diye bir kod yok

    YanıtlaSil

Image Link [https://lh3.googleusercontent.com/kXvOVaV2dIWC4gKWhzQhTK7KXwgYFcM_xkISmmlJH5MIYQ-nQogwFc1zAaKEpnqhaPEMJ1Vpn4SKbg=w1366-h768-rw-no] Author Name [Oğuzhan Cabbaroğlu] Author Description [Ozicab İnternet ve Tasarım Hizmetleri - Kurucu / Nam-ı Diğer Ozicab ] Facebook Username [ozicab] Twitter Username [ocabbaroglu] GPlus Username [107441494120937470968] Pinterest Username [ozicab] Instagram Username [ozicab]