Membuat Panel Admin Dibawah Postingan

Artikel kali ini adalah Cara Membuat Panel Admin Dibawah Postingan atau Artikel
langsung saja.

1. Login ke BLOGGER sobat, Masuk ke editan Themplate.
2. Edit HTMLnya. jangan Lupa Contreng expand widgetnya.
3. Cari kode <div class='post-footer'>
Supaya lebih mudah, Tekan tombol kombinasi Ctrl + F lalu ketikkan <div class='post-footer'>
Jika sudah ketemu, Masukkan kode dibawah ini Tepat diatasnya.

<!-- Profil Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-penulis'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><b><data:post.author/></b></a></h4>
<div class='kontainer'>
<img src='http://fixitwizkid.com/attachments/android-collectible-blackbeard-300x300-png.3161/'/>
Artikel <a expr:href='data:post.url'><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://sak-lawase.blogspot.com/2012/08/membuat-panel-admin-dibawah-postingan.html' target='_blank'>:: Pengen Punya kaya gini?? ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

Jika sudah, ganti Url warna merah dengan Url image profil sobat atau Url gambar yang dipengenin, Saya sarankan Ukurannya 300x300 pixel.

4. Jika sudah cari kode ]]></b:skin>

lalu pasang kode dibawah ini tepat diatasnya.

.admin-penulis {
   display:block;
   width:auto;
   background:#defdef;
   padding:0;
   margin:30px 0 10px 0;
   font:normal 12px Arial, Sans-Serif;
   color:#222;
   border:2px solid #fff;
   box-shadow:0 1px 3px #000;
   -moz-box-shadow:0 1px 3px #000;
   -webkit-box-shadow:0 1px 3px #000;
   }

.admin-penulis .kontainer {
   padding:5px;
   }

.admin-penulis h4 {
   background:#699019;
   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-penulis h4 a {
   color:#FEEA83;
   }

.admin-penulis img {
   width:70px;
   height:70px;
   margin:0 10px 0 0;
   float:left;
   border:1px solid #954B02;
   padding:2px;
   background:#ffffff;
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   }

5. Terakhir adalah save template.

demikian Cara Membuat Panel Admin Dibawah Postingan BLOG.

Good Luck.. :)