Yazılarınızdan sonra kendi hakkınızda eklentinizi yani yazar hakkında widgetini eklemek ister misiniz ? Bildiğiniz gibi wordpress görsel açıdan daha zengindi demiştik. Ama artık onu kırıyor blogger.. Yeni eklentiye merhaba deyin yazı sonlarınıza author  bilgileri ekleyin..

 

Step 1:Bloggerınıza girişm yapın sırasıyla TASARIM=>HTMLYİ DÜZENLE ye tıklayın ve widget şablonlarını genişlet sekmesine tıklayın daha sonra;
 ]]></b:skin> 
bu kodu bulduktan hemen sonra altına aşağıdaki kodları yapıştırın..
.author_info {
        float: left;
        width: 573px;
        padding: 10px;
        border: 1px solid #ccc;
        margin-bottom: 15px;
        margin-top: 15px;
        background: #eee;
}
.author_info h3 {
        margin-bottom: 10px;
}
.author_photo {
        float: right;
        margin: 0 0 0 10px;
}
.author_photo img {
        border: 1px solid #666;
}
]]></b:skin>

Step 2:Şimdi geldik yazar bilgisini eklemek için div html okdunu eklemeye.. bu dkodu bulun
 <div class='post-footer-line post-footer-line-1'> 
bu kodu bulduktan sonra

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://i50.tinypic.com/iw7lec.jpg'/></div>
<h3>This post was written by:</h3>

<p><a href='http://sosyofikir.com' title=Bu yazı Sosyofikir tarafından yazılmıştır'>Atakan</a> - who has written 66 posts on <a href='http://www.sosyofikir.com/'>Sosyofikir</a>.</p>

<p>Sosyofikir profersyonel webmaster ipuçları sitesi Follow him on <a href='http://twitter.com/sosyofikircom'>Twitter</a> or <a href='mailto:admin@sosyofikir.com'>email him</a><br style='clear:both;'/></p>
</div>

</b:if>

bu kodu hemen altına ekleyiniz.
Kendi ayarlarınızı düzenlersiniz  :)
Kolay gelsin



Paylaşın:

Lütfen Yorum Yapınız:

0 yorum var. Sizde Yorumunuzu Ekleyin

Türkçe dil kurallarına lütfen dikkat edelim.
Yorumunuz en kısa sürede yayınlanacaktır..
Yorumlarınız bizim için değerlidir.