Cara Membuat Kotak Admin Di Blog

Flamboyan68  - Ada banyak cara yang bisa kita lakukan dalam memperindah blog seperti halnya sebuah rumah, diperindah, dipercantik sehingga membuat penghuni dan tamu yang datang bisa berlama-lama dan betah untuk tinggal. Lho kok ngelantur hehehe....postingan kali ini saya akan share tentang " Cara Membuat kotak Admin Di Blog " buat sobat nubie semua. Sobat-sobat semua bisa mengikuti cara dan langkah di bawah ini bila berkenan dan berniat untuk memasangnya di blog sobat, yu ikutin saya......

• Seperti biasa Masuk / Login Ke Blogger sobat
• Klik  Template  >> Edit HTML  ( tapi sebelumnya sobat backup dulu template nya dengan unduh template lengkap untuk jaga-jaga apabila terjadi kegagalan dalam edit html nya )
• Klik  Edit HTML 
• Kemudian cari kode ]]></b:skin> untuk mempermudah pencarian kode pakailah Ctrl + F
• Apabila sudah menemukan kode tadi, copy kan kode di bawah ini dan letakan tepat diatas kode ]]></b:skin>

 .admin-text{
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-text .kontainer{padding:5px;}
.admin-text h4{
background:#3D3D3D;
border:none;
border-bottom:1px solid #FFFFFF;
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-text h4 a{color:##FFFFFF;}
.admin-text img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#3D3D3D;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
} 

• Kemudian cari lahi kode <div class='post-footer'> untuk mempermudah pencarian kode pakailah Ctrl + F sobat pasti akan menemukan lebih dari 1 kode tersebut.
• Apabila sudah menemukan kode tadi, copy kan kode di bawah ini dan letakan tepat diatas kode <div class='post-footer'>

<!-- Box Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-text'>
<h4>
Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Anda sedang membaca Artikel tentang</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1VuaETKpmY7HKQApyA-zvZAqTuluhCAmahhllt1SCN4JKRAzfzt09VXhIfxvawnxEN7PdOuWKTLy0VWCoNSFfHwXPep72L6girOhKyAOO9WMkiBUTklQ8olnGbT7Tek196yR3_HugNY/s1600/IMG00266-20120908-1639.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Pada Tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus.
<div class='backlink'>
<textarea  onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea>
</div>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Box Admin -->

• Terakhir Save / Simpan Template sobat
• Selesai
• Untuk melihat hasil sobat klik sembarang salah satu artikel blog sobat, untuk melihat munculnya kotak admin di bawah postingan.

Demikian postingan ini saya akhiri semoga bermanfaat, selamat mencoba dan sampai jumpa...

sumber: http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html