Trik Membuat Kotak Admin Dibawah Postingan

        Sobat blogger semua kali ini saya akan memposting  Trik Membuat Kotak Admin Dibawah Postingan Pada Blog,yang mungkin bisa sobat pakai untuk lebih mempercatik blog sobat semua.
Dan berikut Screenshootnya :


Dan berikut cara pemasangannya :
1. Login akun blogger sobat dulu.
2. Pilih Rancangan,lalu Edit HTML
3. Centang Expand Template Widget
4. Cari kode <div class='post-footer'>
dengan cara CTRL+F
5. Kemudian paste kode dibawah ini tepat diatas kode <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> >> Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='http://4.bp.blogspot.com/-aJGLVA8QmCA/TkFsqEXMgKI/AAAAAAAAAPg/naQPOENy01E/s220/AVATAR%2BKU-128.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>


6. Kemudian Cari kode  ]]></b:skin> 
7. Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin> 


    .admin-tulisan{
    display:block;
    width:auto;
    background:#CFE2E0;
    border:2px solid #fff;
    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:#8A9C04;
    border:none;
    border-bottom:1px solid #699019;
    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:#FEEA83;}
    .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;
    }

8. Pratinjau sob sebelum disimpan untuk cek kesalahan template.

*Note = - kode warna biru sobat ganti dgn deskripsi blog sobat
            - kode warna hijau  ganti dengan URL gambar profil sobat.
Previous
Next Post »

Silahkan berkomentar dengan sopan dan sewajarnya... ConversionConversion EmoticonEmoticon

Thanks for your comment