cara membuat author box di bawah posting blog

di kesempatan ini mr go-BLOG akan menjelaskan cara membuat author box di bawah posting

langsung saja sob, ikuti langkah langkah di bawah ini,

• login dulu ke blogger sobat
• pilih template
• edit HTML
• lanjutkan
• centang dulu Expand Template Widget
• jika sudah sobat cari code ]]></b:skin> menggunakan tombol F3 atau Ctrl + F
• lalu copy code di bawah ini dan paste di atas code ]]></b:skin>

.admin-tulisan{
    display:block;
    width:auto;
    background:#222222;
    border:2px solid #F5FFFA;
    box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#ffffff;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#000000;
    border:none;
    border-bottom:1px solid #D3D3D3;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FF100%0;}
    .admin-tulisan img{
    width:70px;
    height:70px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

• jangan simpan dulu sobb, ini belum selesai, silahkan cari lagi code <div class='post-footer'> menggunakan F3 atau Ctrl + F
• copy code di bawah dan paste atas code <div class='post-footer'>

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Penulis : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Sebuah blog yang menyediakan berbagai macam informasi</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2P7vp1DSASmD3YLIXDQFj0VJQjRrvPRM0MCHe6VmqsvAxrsjHFDhdczq6ZSTwjt66inQtq5p3ht1TbRU9HMumckSRw8U1kA06twJTCNo4YluLWGki4VtZBICB_u-hJo6q3es5Ejyx-nZ/s1600/mr.go-BLOG+cracked.png'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini dipublish oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.
<p>design by <a href='http://www.tekajegoblog.co.cc/' target='_blank'>TKJ go-BLOG</a></p><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.tekajegoblog.co.cc/2012/10/cara-membuat-author-box-di-bawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

• simpan template anda dan lihat hasilnya. jika anda melakukannya sesuai langkah-langkah di atas hasilnya pasti succes.

goodluck soob.. selamat mencoba...