Saturday 25 August 2012

cara memasang kotak Admin di bawah postingan

cara memasang kotak Admin di bawah postingan

ok sobat,sudah liat ward blogger buatan saya,itu tinggal kalian pasang ea di blog sobat,hari ini saya akan membahasa cara membuat kotak admin dibawah posting ,jika ingin contohnya lihat punya saya


1.buka template
2.edit html->lanjutkan
3.centang kotak kecil diatas itu
4.cari kode <data:post.body/> dengan cara ctrl+f
lalu kalian masukan kode berikut tepat di bawah kode tadi

<!-- Kotak Admin -->
<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> ~Berbagi ilmu yang sudah didapat</h4>
<div class='kontainer'>
<img src='http://4.bp.blogspot.com/-0sLHdGxymXw/UDh8AwwFWcI/AAAAAAAABR4/NkZwM44CtKs/s1600/203356_100001184557962_178943544_q.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga Artikel inibermanfaat bagi sobat. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.di bawah ini
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
  • tulisan warna hijau bisa kalian ganti dengan judul blog kalian
  • tulisan warna biru tua bisa kalian  ganti dengan gambar kalian
  • tulisan warna biru muda bisa kalian  ganti pesan kalian sendiri
setelah itu kalian sekarang cari kode ]]></b:skin>
lalu kalian pastekan kode berikut diatas kode  ]]></b:skin>

.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
kalau sudah sekarang tinggal kalian save,setelah itu kalian lihat perubahanya bagusakan,jika kalian tidak mengerti atau belum paham,tanyakan saja di kotak komentar.terima kasih

0 comments:

Post a Comment