Blogger Hakkında Eklentisi / Blogger Author Info Widget

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 == &quot;item&quot;'>
<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!