Saturday, January 05, 2013
Tips Cara Membuat Kotak Admin Author Di Bawah Posting Blog
bisa memberikan kesan menarik serta kebih variatif dengan adanya widget widget pemanis di dalam blog anda.
Jika kamu tertarik silahkan mengikuti langkah langkahnya di bawah ini:
bisa memberikan kesan menarik serta kebih variatif dengan adanya widget widget pemanis di dalam blog anda.
Jika kamu tertarik silahkan mengikuti langkah langkahnya di bawah ini:
1. Masuk Ke Blogger anda
2. Rancangan >> Edit Html >> Centang "Expand Widget Template"
3. Copy paste kode berikut sebelum kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
border:2px solid #F5FFFA;
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:#9ACD32;
border:none;
border-bottom:1px solid #D3D3D3;
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:#FF100%0;}
.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;
}
4. Selanjutnya cari kode <div class='post-footer'> dan letakkan kode berikut diatasnya
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Penulis : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Sebuah blog yang menyediakan berbagai macam informasi</h4>
<div class='kontainer'>
<img src='http://i1192.photobucket.com/albums/aa330/hayeksaja/gambarlucu-1.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini dipublish oleh <data:post.author/> pada hari <data:post.dateHeader/>. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://denigooners.blogspot.com ' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Semoga bermanfaat untuk teman teman yang sedang modifikasi blognya dan terima kasih keep blogging :)
kenapa template saya kok gk bisa di pasang kotak admin ya,,apa ada kesalahan?
tapi pas pake script yg ini baru bisa
thanks
ya kalo belum bisa mungkin ada kesalahan dalam penerapan script nya, coba aja atau ada yang beda karena template ada yang berbeda-beda xml nya khususnya template hasil downloads
nah itu bisa, ok makasih atas kunjungannya :)