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

Tips blog

• Bisnis Online Dapatkan Saham Gratis Di GLOBALLSHARE Buruaann . . . !
• Membuat Widget melayang cocok untuk banner
• Membuat tombol melayang share twitter, facebook,stumbleupon dan google pada blogspot
• Membuat Tombol Back To Top Menggunakan JavaScript Pada Blogspot
• Membuat overflow pada blogspot
• Menampilkan semua judul pada label tertentu
• Menampilkan Judul Postingan Saja Pada Blogspot
• Menampilka judul posting saja ketika label di klik
• Membuat menu full down pada blogspot
• Membuat daftar isi pada blogspot
• Membuat menu vertikal pada blogspot
• Menampilkan judul postingan saja pada arsip dan label blogspot
• Membuat scroll pada widget
• Menyembunyikan Navbar Blogspot
• Membuat Menu Horizontal Pada Blogspot
• Cara membuat alexa rank pada blog
• Cara membuat meta tag pada blog