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 saya1.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 == "item"'>
<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
lalu kalian pastekan kode berikut diatas kode ]]></b:skin>
.admin-tulisan{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
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;
}
0 comments:
Post a Comment