Membuat Profil Admin Dibawah Postingan Blog

Baiklah Sobat Ane mo sedikit share lagi nich, ya meskipun trik ini udah kebilang jadul, tapi siapa tau aja ada yang belum tau, hehhehehh,,,,,,, ok deh dari pada basa basi kita langsung aja ke TKP gan, hehheh

Cara membuat PROFIL ADMIN DI BAWAH POSTINGAN

1. Login Ke akun Blogger Sobat
2. Klik Pada Template
3. Untuk menjaga kegagalan back-up dulu template sobat
4. Klik Edit HTML dan klik "Lanjutkan"
5. Jangan Lupa beri tanda Centang pada "Expand Template Widget"
6. Kemudian Sobat cari kode  <div class='post-footer'>   Untuk memudahkan pencarian sobat kopi kode  <div class='post-footer'>   teken aja Ctrl+F kemudianCtrl+V.

7. Langkah selanjutnya jika sudah ketemu kode tersebut Sobat Kopivaste kode dibawah ini tepat di atas kode <div class='post-footer'> Ini dia kodenya :

<!-- 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://i952.photobucket.com/albums/ae2/alexjoen/lOGOsimpleBlog.png'/>
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://alexjoen.blogspot.com/2012/04/membuat-profil-admin-dibawah-postingan.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

Catatan : Ganti Yang berwarna merah dengan Url Gambar Sobat

8. Langkah selanjutnya sobat cari kode  ]]></b:skin>   Kemudian copy kode CSS dibawah ini dan paste tepat diatas kode  ]]></b:skin>  Jika gagal sobat bisa juga meletakkan kode CSS ini tepat dibawah kode  <data:post.body/>  Kodenya :


.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;
   }


9. Selesaiii........... Kemudian Klik Save.....