Cara memasang Author Box Info Di bawah Artikel blog

DEMONYA : SINI LIAT DI BAWAH POSTINGAN

1. Rancangan, Edit Html, Centang menu  Expand Template Widget
2. Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya :

/* Author Info */
.authorinfo{
background:#e5f1fc;
margin:20px 0 40px 0;
padding:10px;
overflow:auto;
color:#000;
border: 1px solid #ff6600;
}
.authorinfo p{
margin:0;
padding:0
}
.authorinfo a{
color:#ff6600
}
.authorinfo img{
background:#FFF;
border: solid 1px #000;
float:Left;
margin:0 10px 0 0;
padding:4px
}



Selanjutnya Cari kode atau yang mirip dengan kode berikut:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 
      </div>
    </b:if>


sebenarnya untuk penempatan silahkan sesuaikan dengan template sesuai keinginan kawan-kawan semua :)
 Jika Sudah ketemu simpan kode berikut di bawah kode yang dicari tadi:


   <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorinfo'>
<p>
<img alt='Authorimage' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhigfZblSy_VL8A6OC_SOoDayuAXWPLRcrIcos3JOZn8UzKnMLRH1k0hBtX1DnpOBGIfje-gT-Q7Y-4MrITpZZwUrPFc_9TfBtEfFXTcRnq-ACDM2fNKPklAzIKwLbMfdd3zoDb9TJnDyY/s220/profile.jpg' width='70'/>
<div style='font-family: kristen itc; color: #000;'>
<b><span><a expr:href='data:post.href'><data:post.title/></a></span></b></div>
<div style='text-align: justify; font-family:bedizen'>
<span>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></span><br/>
<span>Pada : <a expr:href='data:post.href'><b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if></a></span><br/>
<span>Jam : <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></span><br/>
<span>Kategori: <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if></b:loop></b:if></b:loop></span>
</div>

</p>
</div>     </b:if>