widget

Cara membuat kotak admin di bawah postingan blog

4:51 AM



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.

You Might Also Like

0 comments

SUBSCRIBE

Like us on Facebook