dislanze
v10
today : | at : dislanze | safemode : ON
> / home / facebook / twitter / exit /
name author perms com modified label

Blogger yazı altına yazar hakkında bölümü oluşturmak Süleyman Akyıldız rwxr-xr-x 0 Eylül 19, 2015

Filename Blogger yazı altına yazar hakkında bölümü oluşturmak
Permission rw-r--r--
Author Süleyman Akyıldız
Date and Time Eylül 19, 2015
Label
Action
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 ...











0 yorum:

Yorum Gönderme