• En yeniler

    Blogger yazı altına yazar hakkında bölümü oluşturmak

    Arkadaşlar Merhaba.

    Sizlere birçok bloggerin eklemek istediği ve aradığı yazı altına şık ve tasarım konusunda bloğa artı bir şeyler katacak yazar hakkında bölümünü sizler için buldum ve kendi zevkime göre düzenledim.
    Bu düzenlediğim yazar hakkında bölümünü sizlerlede paylaşmak istedim.

    Önce eklentiden bir görüntü ;






    Gelelim eklentimizi bloğumuza eklemeye ;

    Şablon > HTML düzenle diyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

    ]]></b:skin>

    ve hemen üstüne aşağıdaki kodları ekliyoruz.

    .authbio{
    color: #454545; 
    font-weight: normal;
    font-size:0.9em;
    background: #fff;
    border: 1px solid #B2F702;
    width: 520px;
    padding: 15px;
    margin-bottom:25px;
    }
    .biotitle {
    width: 520px;
    background: #B2F702;
    width: 520px;
    padding: 0px;
    border: 1px solid #000000;
    }
    .biotitle h3 {
    font-weight: bold;
    color: black;
    padding:3px;

    }
    .authbio a{
    color:#B2F702;
    text-decoration:underline;}

    daha sonra aşağıdaki kodu buluyoruz.(Birden fazla olabilir.Tek tek denemeniz gerekiyor)

    <data:post.body/ 

    ve altına aşağıdaki kodları ekliyoruz.

    <div class='authbio'>
    <div class='biotitle'>
    <center> <a target="_blank" rel="dofollow" href="yazar hakkında sayfa url'niz"><h3>Yazar Hakkında</h3></a></center>
    </div>
    <br/>
    <div style='float: left;'>
    <img alt='' height='75' src='https://lh3.googleusercontent.com/-m-GUHi2Ken8/Vf0lLbYFnvI/AAAAAAAAAHs/-5h1nvNK2x8/h120/Blogger_logo.png' width='75'/>
    </div>
     <center> yazar hakkındaki bilgi
              yazar hakkındaki bilgi
              yazar hakkındaki bilgi
              yazar hakkındaki bilgi </center> 

    Kodlarımızı ekledikten sonra sıra geldi özelleştirmeye.

    kırmızı : 75x75 avatar linki
    mavi  : genişlik ayarıdır hepsini aynı oranda değiştirin.
    mor : yazar hakkında sayfa url'niz
    yeşil : yazar hakkında yazısının arka plan rengi
    turkuaz : yazar hakkında yazısının metin ayarları
    pembe : diğer yazıların metin ayarları

    Bütün işlem bu kadar ...











    Hiç yorum yok

    Post Bottom Ad