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 🙂

    Rate this post

    Paylaş

    13 Cevaplar

    1. 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.

    7. Sitemde başka yazarlar için ayrı ayrı oluşturabilir miyiz ?

    8. Aras dedi ki:

      Hocam merhaba sitemdeki başka yazarlar için ayrı ayrı oluşturmak istiyorum bunun hakkında yardımcı olur musunuz? “yazar adı yerine data:post.authorlabel” bunu yapıştırın demişsiniz peki bu yazar adı dediğiniz yer tam olarak neresi detaylı anlatır mısınız?

    9. aras dedi ki:

      data:post.authorlabel hocam bu kodu nereye yapıştıracağız

    Bir yanıt yazın

    E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

    Bunlar da hoşunuza gidebilir...