- Login ke blogger
- Klik Edit Html , Beri Centang Pada "Expand Template Widget"
- Letakkan kode dibawah ini 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;
} - Cari kode <div class='post-footer-line post-footer-line-1'> Dan letakkan kode berikut dibawahnya.
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if> - Simpan template kamu.
Ganti yang berwarna merag sesuai url foto kamu dan text yang kamu inginkan.Nah demikian cara Membuat author box dibawah postingan blogger, semoga bermanfaat.
BACA JUGA!
- Menambah elemen dibawah postingan
- Membuat footer 3 kolom dibawah posting
- Cara memasang google adsense pada postingan