Cara memasang kotak Admin di bawah postingan

kali ini saya akan memposting bagaimana cara nya menaruh kotak admin di bawah postingan. bagi yang belum tahu kotak admin bisa di lihat di bawah ini :

oce langsung menuju ke TKP:
1. login ke akun blogger.com

2. pilih template -> unduh dahulu template anda jika nanti ada kesalahan dalam mengedit file HTML nya cara nya: pilih cadangkan / pulihkan -> unduh template lengkap

3. edit HTML

3. pilih lanjutkan

4. beri centang pada kotak di samping kata Expand Template Widget 


5. cara kata <div class='post-footer'> kalau sudah ketemu copy Script kotak admin dan paste tepat di atas kata yang di cari.

<!-- 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='http://i1096.photobucket.com/albums/g324/wahyupur/aqterbaruyangnew.jpg'/>
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><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.persadablog.com/2011/11/membuat-kotak-admin-dibawah-posting.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->


6. selanjutnya cari kata ]]></b:skin lalu pastekan kode css di bawah ini tepat di atas kode CSS


   .admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    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:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#9ACD32;
    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 #954B02;
    padding:2px;
    background:#C36702;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    } 


7. simpan template 


NB : ganti url yang berwarna biru dengan url gambar anda


sumber : persadablog