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ş