Blogger için “Yazar Hakkında” Eklentisi

Bloggerı güzelleştiren bir başka eklentimiz daha: Yazar Hakkında. Buraya gelmeden önce arama felan yaptıysanız, genelde author box olarak geçer. Şimdi bu eklentiyi blogumuza nasıl entegre edeceğiz ?

Başlayalım

Adım: 1

Blogger hesabımıza giriş yaptıktan sonra Tasarım » HTML’yi Düzenle kısmına gelip Widget Şablonlarını Genişlet adlı kutucuğu işaretliyoruz ve aşağıdaki kodu buluyoruz.

]]></b:skin>

Bulduğumuz kodun öncesine aşağıdaki kodları ekliyoruz.

.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;
}

Adım: 2

Şimdi temamızda yazar hakkında kutusunu koyacağımız yeri belirleyelim. Bunun için aşağıdaki kodun üst kısmı güzel olabilir.

<div class='post-footer-line post-footer-line-1'>

Yukardaki kodu bulduktan sonra aşağıdaki kodu, yukarda bulduğumuz kodun alt kısmına ekliyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' width='64' height='64' src='https://lh6.googleusercontent.com/-4CDmaVgRQRM/AAAAAAAAAAI/AAAAAAAAAAA/CGqGOWgVlBA/photo.jpg'/></div>
<h3>This post was written by:</h3>

<p><a href='http://furkanozden.net' title='Posts by Furkan'>Furkan Özden</a> - who has written 66 posts on <a href='http://furkanozden.blogspot.com/'>Furkan Özden Blog</a>.</p>

<p>Furkan Özden is a professional blogger and web developer. Follow him on <a href='http://twitter.com/frknzdn'>Twitter</a> or <a href='mailto:furkanozden55@gmail.com'>email him</a><br style='clear:both;'/></p>
</div>

</b:if>

Son olarak en son kopyaladığınız yerdeki bilgileri kendinize göre değiştirdikten sonra değişikleri kaydedip çıkıyoruz. İşlemimiz bitti. Bakın bakalım güzel olmuş mu 🙂

Paylaş

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

8 Cevaplar

  1. Tolga Çetinkaya dedi ki:

    Anlatım güzel olmuş.tşkler

  2. kralizasyon dedi ki:

    Diyelim ki blogumuzda birden fazla yazar var ve her yazının altında yazıyı yazan yazara ait hakkında bölümü olsun istiyoruz. Bunu nasıl yapacağız söyle bakalım Furkan kardeş 😀 {Gerçi benim böyle bir şeye şuan ihtiyacım yok ama… olsun sen yinede söyle :)}

  3. Furkan ÖZDEN dedi ki:

    Onun için yazar adı yerine data:post.authorlabel yazmamız yeterlidir 🙂

  4. Hilal Yener dedi ki:

    Author Box ararken buraya geldim. İşime yaradı. Henüz düzenliyorum gerçi. Paylaştığın için teşekkürler Furkan… 🙂

  5. Maestro dedi ki:

    ben konudan bagımsız olarak başka birşey soracagım. Blog arka plan fotoğrafını nasıl sabitledin, blogda yoksa şayet anlatırmısın.. tşkler..

  6. Ramazan Dogan dedi ki:

    sana bi tavisye önizlemesi olmayan bir sayfayı direk kapatıyorum asla önizlemesiz yapma bence.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bunlar da hoşunuza gidebilir...