Jika kamu tertarik silahkan mengikuti langkah langkahnya di bawah ini.
- Masuk Ke Blogger anda
- Rancangan >> Edit Html >> Centang "Expand Widget Template"
- Copy paste kode berikut sebelum 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;
}
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;
}
Selanjutnya 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='http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg' width='70'/><b>About Author</b><br/>
Contoh Author box<br/></p>
</div>
</b:if>
Ganti link warna merah dengan link foto anda dan silahkan di save sekarang sudah tersedia kotak admin di bawah posting blog anda.<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg' width='70'/><b>About Author</b><br/>
Contoh Author box<br/></p>
</div>
</b:if>
Semoga artikel dari saya yang berjudul Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog ini bisa bermanfaat untuk teman teman yang sedang melakukan optimasi blog dan terima kasih keep blogging.