Menambahkan Author Box di Bawah Postingan Blogger

Author Box. Sudah tahu pastinya. Ya, author box adalah kotak yang berisikan sekilas informasi dari author/penulis yang biasanya disematkan di bawah postingan. Untuk kali ini saya akan berbagi pengalaman saya kemarin tentang Menambahkan Author Box di Bawah Postingan Blogger. Ok, go to TKP. Berikut ulasannya :

1. Masuk ke menu desaign - edit HTML dan ceklist pada Expand Template Widget (wajib), tentunya log in di blogger dulu.
2. Cari kode ]]></b:skin>
3. Copy kode berikut dan letakkan di atas kode ]]></b:skin>

.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

4. Cari kode <div class='post-footer-line post-footer-line-1'>
5. Letakkan kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/foto Anda' width='70'/><b>About Author</b><br/>
   Sekilas tentang diri Anda<br/></p>
    </div>
    </b:if>

6. Ganti kode berwarna merah sesuai data Anda.