Bagaimana memasang author box dan tampil disetiap posting page?
Lihat Demo disini
1. pergi ke blogger
2. Template, edit html ,proceed dan tick pada kotak expand widget template
3. Cari perkataan ]]></b:skin> dan copy code dibawah tepat diatas ]]></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;
}
Kemudian cari perkataan <div class='post-footer-line post-footer-line-1'> dan masukan code dibawah ini tepat dibawah <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='https://si0.twimg.com/profile_images/2781336795/9a3816459c4d3678a42cdf8c9e215ab2.png' width='70'/><b>About Author</b><br/>
Part time blogger, Author at [GH] gilerhackers dan berpengalaman mengendalikan beberapa blog blog tanah air.<br/>
<a href='http://fb.com/perantausenja.inc' target='_blank'>Facebook</a> | <a href='http://twitter.com/perantausenja' target='_blank'>Twitter</a> | <a href='http://ask.fm/perantausenja' target='_blank'>Ask.FM</a> | <a href='http://blog.psenja.com' target='_blank'>Blog</a> </p>
</div>
</b:if>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='https://si0.twimg.com/profile_images/2781336795/9a3816459c4d3678a42cdf8c9e215ab2.png' width='70'/><b>About Author</b><br/>
Part time blogger, Author at [GH] gilerhackers dan berpengalaman mengendalikan beberapa blog blog tanah air.<br/>
<a href='http://fb.com/perantausenja.inc' target='_blank'>Facebook</a> | <a href='http://twitter.com/perantausenja' target='_blank'>Twitter</a> | <a href='http://ask.fm/perantausenja' target='_blank'>Ask.FM</a> | <a href='http://blog.psenja.com' target='_blank'>Blog</a> </p>
</div>
</b:if>
Tukar perkataan bewarna merah mengikut kesesuaian url anda.
Jika terdapat error, sila tinggalkan pada bahagian komen dibawah