Cara Memasang kotak admin di bawah postingan blog

Apabila sobat sepert apa kotak admin di bawah postingan blog,

Contoh gambar berada di atas tuh.

So bagaimana cara membuatnya?

Begini:

1. Login blog

2. Rancangan

3. Edit html dan centang expand widget template

4. Letakkan kode berikut di atas ]]></b:skin>

.admin-tulisan{

display:block;

width:auto;

background:#1E1E1F;

border:2px solid #333;

box-shadow:0 1px 3px #000;-moz-box-shadow: 0px 0px 10px #292929;

-webkit-box-shadow: 0px 0px 10px #292929;

box-shadow: 0px 0px 10px #292929;;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#D9D9D9;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#4733FF;

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:#2E2E2E;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

Ganti warna kotak admin sesuai keinginan

5. Letakkan kode berikut di bawah <data:post.body>

<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> ~ www.cybermig.com</h4>

<div class='kontainer'>

<img src='http://dl3.glitter-graphics.net/pub/1246/1246493ere9f5q4uj.gif'/>

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.

<div style='clear:both;'/>

</div>

</div>

</b:if>

Ganti kode berwarna merah dengan gambar dan url sobat

6. Simpan template

Demikian cara membuat kotak admin di bawah postingan blog.

Semoga tutorialnya bermanfaat.

sumber:http://www.cybermig.com/2012/01/cara-membuat-kotak-admin-di-bawah.html