Membuat Posting Author

Simpan script CSS di bawah ini sebelum : ]]></b:skin>

<style type="text/css">
.post-author-box {padding: 0 0 15px;margin-bottom:20px}
.post-author-box h3{font-size: 24px;}
.post-author-box p {font-size: 11px;line-height: 16px;}
.post-author-content {padding: 0 15px;}
.post-author-content .avatar-box {margin-bottom: 15px;}
.post-author-title h2 {font-size: 24px;margin: 20px 0;padding: 13px 20px 7px;}

.post-author-box {
    background-color: #303236;
    border-bottom: 1px solid #424449;
    border-left: 1px solid #27282B;
    border-right: 1px solid #424449;
}

.post-author-box .post-author-title h2 {background-color: #27282B;border-right: medium none;}

.post-author-title h2, .inside_title h2 {
    border-color: #27282B #424449 #424449 #27282B;
    border-style: solid;
    border-width: 1px;
    color: #CCCCCC;
}

.avatar-box img {border: 5px solid #999999;}
.avatar-box img {border-radius: 4px;display: block;float: left;margin: 0 15px 0 0;}

</style>
Letakkan kode HTML di bawah ini dalam tag body template anda atau simpan setelah tag seperti ini :

<div class='post-outer'>
.........
........
.......

    <data:adEnd/>
    </div>


Berikut ini tag HTML-nya:
<div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-author-box' id='post-author'>
<div class='post-author-title'>
<h2>A M A R A J E N (Anak Mamah Ratna dan Enjen)</h2>
</div>
<div class='post-author-content'>
<div class='border-img leftside avatar-box'><img class='avatar avatar-60 photo' height='60' src='https://lh3.googleusercontent.com/-yg011V1b7dQ/VD5novgSjkI/AAAAAAAAAwg/yR7wchAfft8/s60-no/enjenauthor.jpg' width='60'/></div>
<h3>Motto Blogger :</h3>
<p><font color='white' size='2'><marquee scrollamount='1' scrolldelay='20' truespeed='truespeed'>Berbagi itu indah, semoga bermanfaat, kami ucapkan terima kasih atas kunjungan anda.</marquee></font></p>
<br class='clear'/>
</div>
</div>
</b:if>
</div>

Artikel Terkait