Cara Membuat Kotak Admin Dibawah Postingan

Blog, Tutorial

Belum ada komentar

Tema siang ini Cara Membuat Kotak Admin Dibawah Postingan, mungkin sebagian besar sudah mengetahhui caranya tersebut tapi di hari ini saya ingin membagikan lagi bagi yang belum tahu. gak usah panjang lebar langsung aja kita ke TKP oke..

• Login terlebih dahulu ke blog sobat
• Kemudian pilih Template
• Klik pada "edit HTML"
• Jika sudah cari kode ini ]]></b:skin> untuk mempercepat pencarian gunakan CTRL+F
• Setelah ketemu copy script ini diatas ]]></b:skin>

.kode script disini..admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
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:#8A9C04;
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;
}

• Setelah itu cari kode script seperti ini <div class='post-footer'> jika kode tersebut ada dua maka letakan kode dibawah ini di <div class='post-footer'> yang pertama, kalau tidak muncul tempatkan di yang kedua

<!-- 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> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='http://t0.gstatic.com/images?q=tbn:ANd9GcQzNwZqVX_a5zOT_LY7YZSUJ8jzgRC3YggTqkpI-s01yPBrmVMg'/>
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.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='catatancand.blogspot.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

• Sebelum disimpan silahkan ganti Deskripsi dan Url image yang berwarna merah dengan image dan deskripsi sobat
• Sobat bisa ganti warna yang sesuai dengan warna blog anda Simpan Template dan lihat hasilnya