Cara membuat kotak admin berada di bawah postingan bisa dilihat dari gambar disamping. nah berikut caranya :
Keterangan :
Warna Kuning : Ganti dengan title blog sobat.
Warna Hijau : Ganti dengan Url foto sobat.
Warna Coklat : Ganti dengan keinginan sobat
1. Log In ke account blog sobat.
2. Setelah berada di menu dasbor klik menu rancangan.
3. Edit HTML.
4. Beri centang pada tulisan Expand Widget Default.
5. Cari kode ]]></b:skin>
6. Lalu tambahkan kode di bawah ini tepat 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;
}
7. Lalu cari kode berikut <data:post.body/>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;
}
8. Tambahkan kode di bawah ini tepat dibawah kode <data:post.body/>
<!-- 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> ~ Blog Com</h4>
<div class='kontainer'>
<img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368838_100001053031325_1928507965_q.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. 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>
<!-- Kotak Admin -->
9. Save dan selesai<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Blog Com</h4>
<div class='kontainer'>
<img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368838_100001053031325_1928507965_q.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. 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>
<!-- Kotak Admin -->
Keterangan :
Warna Kuning : Ganti dengan title blog sobat.
Warna Hijau : Ganti dengan Url foto sobat.
Warna Coklat : Ganti dengan keinginan sobat
Anda baru saja membaca artikel yang berkategori Blog
dengan judul Cara Membuat Kotak Admin di Bawah Postingan. Anda bisa bookmark halaman ini dengan URL https://sayangmamah07.blogspot.com/2012/07/cara-membuat-kotak-admin-di-bawah.html. Terima kasih!
Ditulis oleh:
Unknown - Friday, 27 July 2012
Belum ada komentar untuk "Cara Membuat Kotak Admin di Bawah Postingan"