Cara Membuat Author Box di Bawah Posting

Informasi tentang penulis adalah sebuah hal yang penting. Karena dengan adanya informasi tentang penulis, pembaca pun menjadi tau siapa si penulis. Di posting saya kali ini, saya akan mengajarkan sebuah cara untuk membuat Author Box atau kotak penulis. Author box ini akan kita letakan di bawah setiap posting. Langsung saja tidak usah panjang lebar Step.By.Step !!!

Author Box

1. Log in ke blog anda

2. Masuk ke Design > Edit HTML > Centang di Expand Widget Templates

3. Cari kode ]]></b:skin>
4. Letakan kode berikut 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;
}

5. Sekarang cari kode <div class='post-footer-line post-footer-line-1'>
6. Letakan 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='http://a0.twimg.com/profile_images/1109165312/45777_1460357642759_1647967459_1099752_1271183_n.jpg' width='70'/><b>About Author</b><br/>
    Teman selalu ada di saat kita senang, Sahabat selalu ada di saat kita senang ataupun susah<br/></p>
    </div>
    </b:if>

Keterangan : Ganti yang berwarna merah dengan alamat gambar anda dan yang biru ganti dengan kata-kata anda sendiri

7. Save Templates

Sekian posting dari saya, semoga bermanfaat terima kasih wassalam