1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode ]]></b:skin> di template sobat.
4. Pastekan kode berikut tepat di atas kode nomor 3 tadi
.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;
}
5. cari kode <div class='post-footer-line post-footer-line-1'> dan pastekan kode di bawah ini tepat di bawah kode tersebut
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar anda' width='70'/><b>About Author</b><br/>
Data/biodata anda<br/></p>
</div>
</b:if>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL Foto/Avatar anda' width='70'/><b>About Author</b><br/>
Data/biodata anda<br/></p>
</div>
</b:if>
Ket: Ganti tulisan berwarna merah dengan URL foto/avatar yang sobat miliki dan ganti tulisan berwarna ungu dengan tulisan singkat mengenai deskripsi singkat diri sobat.
6. Simpan template sobat.
Demikianlah posting artikel mengenai cara membuat author kotak admin di blog.
semoga bermanfaat...
semoga bermanfaat...

No comments:
Post a Comment