Author Bio widget untuk Blogger

Kotak Author mewakili tambahan yang berdampak tinggi untuk posting Anda. Gambar avatar anda, nama, nilai posting, link situs, deskripsi penulis, dan informasi kontak memberikan sentuhan profesional untuk publikasi Anda. Saat ini, kebanyakan blogger memiliki informasi penulis kotak bio baik di bagian atas atau bawah posting blog mereka. Memiliki kotak penulis sangat penting, karena selanjutnya menghubungkan Anda dengan pembaca dengan memberikan sedikit latar belakang tentang Anda.

Langkah-langkah yang dibuat sederhana sehingga Anda akan merasa sangat menarik untuk diterapkan.

 
Login ke dashboard Blogger Anda dan arahkan ke Template > Edit HTML dan centang pada "Expand Widget Templates". Cari kode berikut;

]]></b:skin>

Dan pastekan kode berikut tepat di atas kode tadi.

/* Hima Sejarah Unri For Author Box */
.about-author { 
width : 98%; 
overflow : hidden; 
margin:10px 0px; 
border:0px; 
}

.about-author img { 
width:70px; 
padding:3px; 
border:1px solid #ddd; 
margin:0px 5px 0px 0px; 
}
.about-author h3{ 
font-family:verdana !important; 
font-size:18px !important; 
margin:9px 0px !important; 
color:#666666 !important; 
border-bottom:2px solid #666 !important; 
border-top:0px !important;
}
.about-author p { 
margin:0px; 
text-align:justify; 
color:#666; 
} 
]]></b:skin>

Selanjutnya cari kode ini

data:post.body

Dari hasil pencarian kode di atas, akan terdapat 2 buah, dan pastekan kode ini,  di tepat di bawah kode yang pertama.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:post.author == &quot;YOUR NAME HERE&quot;'> 
<div class='about-author'> 
<h3>About Author:</h3> 
<img align='left' src='LINK OF YOUR PHOTO'/>
<p>YOUR SHORT BIO</p> 
<p>Follow him @ <a href='YOUR BLOG LINK' target='_blank'>YOUR BLOG NAME</a> | <a href='YOUR FACEBOOK PROFILE LINK' rel='nofollow' target='_blank'>Facebook</a></p>
</div> 
</b:if></b:if>