Tavsiye: Google Belgeseli – Türkçe (Bir Başarı Hikâyesi) Hatırlayalım: Lizzie Velasquez: Gerçek Bir Mücadele Öyküsü
Sponsorlu Bağlantılar

Blogger’da Yazar Bilgi Kutusu Ekleme Nasıl Yapılır?

Sponsorlu Bağlantılar

Blogger dersleri ve blogger eklentileri üzerine içeriklerimizi paylaşmaya devam ediyoruz. Şimdi ise oldukça güzel bir eklenti paylaşıyor olacağız. Bildiğiniz gibi bazı web sitelerindeki yazı sayfalarında “Yazar Hakkında” adlı biyografik bilgi içeren kutucukları görmüş olmalısınız. Blogger’da da yazar bilgi kutusu yapımı manuel olarak mümkün. Aşağıdaki kodlar doğrultusunda blogunuz için, siz de yazar bilgi kutusu eklemeyi düşünebilirsiniz. Dilerseniz hemen ilgili kodlara göz atıyor olacağız.

1) Temanızdaki aşağıdaki kodu bulun.

<div class='post-footer'>

2) Üzerine ise aşağıdaki kodları ekleyin.

<style>
.author_info {
padding: 20px;
border: 1px solid #ddd;
margin-bottom: 15px;
margin-top: 15px;
background: #f1f1f1;
}
.author_info h3 {
margin-top:10px;
margin-bottom: 30px;
}
.author_photo {
float: left;
margin: 0 0 0 0px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #ddd;
background:#fff;
padding:5px;
}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author'
src='http://3.bp.blogspot.com/-3QlAYgEjG6I/WSRplCa4VpI/AAAAAAAAO9Q/RT3_fmpikB4GiXnYWg1aaKnKDHW0SfCQwCK4B/s1600/anonim.png'/>
</div>
<h3>Yazar Hakkında</h3>
Kendiniz hakkında bilgilendirme içeriğini bu kutucuğa ekleyebilir, dilerseniz sosyal medya hesaplarınızdan bağlantı verebilirsiniz. Dilediğiniz gibi değiştirin...
</div>
</b:if>

Örnek Görünüm

Sponsorlu Bağlantılar


Teknobeyin Facebook
Sayfasını Bugün Beğenin!
  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Bugün Günlerden: . Toplam 19 kategorideki 7.471 yazıda 7.918 yorum bulunmaktadır.
Yukarı Çık