Cara Membuat Kotak Keterangan Admin Di Bawah Posting


Anda mungkin ingin membuat suatu kotak yang berisi keterangan admin di bawah posting blog, yang berisi kata-kata anda :
Artikel***** ini dibuat oleh *****pada hari***......
Terimakasih atas kunjungan anda......dan seterusnya.

Untuk lebih jelasnya silahkan anda lihat pada bagian bawah artikel ini , perhatikan kotak yang berisi sebuah foto dan beberapa kata yang dbuat admin, jika itu yang anda maksud, anda bisa membuatnya dengan mudah.

1. Seperti biasa anda masuk akun blogger anda, kemudian masuk ke Edit html jangan lupa centang Expand template widget (saya sarankan agar anda unduh lengkap template anda terlebih dahulu !! ).
2. Anda cari kode ]]></b:skin> untuk memudahkan pencarian anda gunakan Ctrl+F
3. Jika anda sudah menemukannya silahkan anda copy paste kode berikut tepat di atasnya

.admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #000000;
    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 Comic Sans Ms;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0000FF;
    border:none;
    border-bottom:2px solid #000000;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    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 #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }
4. lalu anda simpan template terlebih dahulu. Lalu anda cari kode <data:post.body/> , jika anda menerapkan read more otomatis pada blog anda silahkan cari kode <data:post.body/> yang ke-2, seperti biasa anda gunakan Ctrl+F untuk memudahkan pencarian. 
Note :Jika anda belum tahu cara melakukan pencariannya : Tekan Ctrl+F bersama-sama, setelah muncul kotak kecil di sebelah kiri lalu anda copy paste kode yang ingin anda cari lalu tekan Enter.
5. Jikalau sudah ketemu, lalu anda letakkan kode di bawah tepat sesudah kode <data:post.body/> 

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://sipkom.blogspot.com/</h4>
<div class='kontainer'>
<img src='http://i1252.photobucket.com/albums/hh568/ari337/photo.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 dapat sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> dapat Bermanfaat .. ^_^
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
 6. Silahkan anda ganti sesuai keinginan anda pada tulisan yang berwarna merah, terakhir anda simpan template anda dan lihat hasilnya.

Sangat mudah sekali bukan ?
Semoga dapat bermanfaat.

 

Comments

Posting Komentar