Membuat profil admin dibawah postingan blogspot

Cara membuat profil admin dibawah postingan blogspot  merupakan hal yang sangat menarik untuk anda karena akan membuat tampilan blog anda semakin rapi dan lebih menarik. Silahkan praktekin langsung berikut coding yang anda perlukan dan dijamin BERHASIL . . .
Gunakan coding Cara membuat profil admin dibawah postingan blogspot  berikut :

<!-- Profil Admin -->
<!—www.blogger-paluta.blogspot.com-->
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh20e2IGpnr1nGzCB5NGvHG3fxguKopOWcgLTfYSWvGA459DNvo3JEaDJO0fGmpJl43HimA0e_s_CDZ38fiVmlpp6944q15YIBkelreYUji-9NAeA-L2pmVMZjlhVGKdirw7sLo2HtpxxQd/s1600/favicon.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://www.wakrizki.net/2012/02/cara-membuat-profil-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Profil Admin -->

CARA PAKAI :
1.Buka pengaturan template blog anda.
2.Pilih edit html blog.
3.Jangan lupa centang expand yang ada diatas editor html .
4.Cari coding  html <div class='post-footer'>.
4.Letakkan kode diatas tepat diatas nya.
5.Dan ganti coding berwarna merah dengan url gambar anda.
6.Kemudian cari coding  ]]></b:skin>.
7.Letakkan coding CSS dibawah ini tepat diatas nya.

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

Jika gagal anda juga bisa letakkan tepat dibawah kode
<data:post.body/>.

NOTE :
Bagi Anda yang masih bingung untuk menggunakan coding diatas silahkan berkomentar dibawah ini atau langsung E-mail saya di : halim.byregar@gmail.com.
THANKS telah berkunjung di: www.blogger-paluta.blogspot.com

Artikel Terkait