Website ve Bloglar ile ilgili tema, eklenti ve seo ipuçları paylaşan blog.

Haberler

19 Eyl 2015

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_jQ3MBgnsmUP_sy63fdNTO88BHLUmIc6Y4lO-QgLXACuoyQLD6TtfUMdEeyY69DAkdTZu3M78_4N_Cgs6j0skxGb1EvADPW2ggQk7R4KvzfVSke5s8pAek_IbpdaWl8iUbEciPWZ7KCA/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 ...











2 yorum:

Yalnızca bu yazı ile ilgili yorumlar yazınız.
Bu yazı dışında iletmek istediğiniz bir şey varsa İletişim Sayfası
'nda bulunan formu doldurunuz.