Blogger Hakkında Eklentisi / Blogger Author Info Widget

Yazı Boyutu Ayarla büyüt (A+) (A-) küçült

Lütfen uygulamaya geçmeden önce mutlaka yedek al

Lütfen uygulamaya geçmeden önce mutlaka yedek alın.

1. Blogger kontrol panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.

2. CTRL+F tuş kombinasyonu'nu kullanarak sayfada " ]]></b:skin> " kodunu aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;

.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;
}

Tekrar şu kodu bulun;

hemen altına aşağıda ki kodu ekleyin.

<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' width='64' height='64' src='https://www.biiainsurance.com/wp-content/uploads/2015/05/no-image.jpg'/></div>
<h3>Hakkında:</h3>

<p><a href='SİTEADINIZ' title='Posts by Author'>YAZAR ADI</a> - who has written 66 posts on <a href='BURAYA SİTE ADI'>YAZARIN SİTESİ</a>.</p>

<p>Professional blogger and web developer. Follow him on <a href='http://twitter.com/KULLANICIADINIZ'>Twitter</a> or <a href='mailto:MAİLADRESİNİZ'>email him</a><br style='clear:both;'/></p>
</div>

</b:if>

3. KIRMIZI RENKLERLE işaretlediğim yerleri kendinize göre düzenlemeyi unutmayın!