Membuat Author Box Dibawah Posting

Informasi Author atau pemilik blog sangatlah penting dalam sebuah blog atau website, agar semua pengunjung dapat mengetahui siapa penulis dalam blog / website tersebut. pada kesempatan kali ini saya akan berbagi tutorial bagi anda yang ingin menambahkan informasi tentang anda di setiap posting yang ada dalam blog anda.tidak hanya di profil blogger saja,namun agar lebih mudah dan banyak yang membaca kita tempatkan di bawah postingan. cara ini juga bisa anda ubah,maksudnya bukan menuliskan tentang anda namun pesan pribadi,ataupun kata bijak lainnya.mari kita simak langkah demi langkah pembuatannya.

1. Login dengan akun blogger anda.
2. Masuk ke menu Rancangan > Tata letak > Edit HTML.
3. Cari Kode berikut ]]></b:skin>.
4. Masukkan kode dibawah diatas 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. Kemudian cari kode <div class='post-footer-line post-footer-line-1'>

6. Letakkan kode berikut di bawah kode diatas tadi.

<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://i951.photobucket.com/albums/ad355/dhonie182/IMG_7062-1-1.jpg' width='70'/><b>About Author</b><br/>
Letakkan Tulisan anda disini<br/></p>
</div>
</b:if>

NB : Anda ganti tulisan berwarna Merah dengan teks yang anda inginkan.

Sekian dari tutorial ini,terimakasih atas kunjungannya,dan saya harap anda bisa meluangkan waktu sejenak untuk berkomentar untuk postingan saya ini.