Membuat Profil Admin di Bawah Postingan Blog

Membuat Profil Admin di Bawah Postingan Blog
. Assalamu'alaikum, Ini merupakan kesempatan ketiga pada hari ini saya menulis posting / artikel di blog kesayangan saya ini. Referensi postingan sebelumnya : Membuat dan Mendesain Blockquote Pada Blog dan Membuat Kotak Komentar Blogger dan Facebook Bersebelahan. Pada postingan ketiga hari ini sudah kami coba bahkan kami pakai pada blog kami ini yakni mengenain Membuat Profil Admin di Bawah Postingan Blog.
Untuk Lebih jelasnya perhatikan gambar berikut ini.
Silahkan ikuti saja petunjuk berikut ini.
Pertama :
Login ke akun anda dan langsung pergi ke Design >> Edit HTML

Kedua :
Cari kode ]]><b:skin> dan tempatkan kode berikut ini diatasnya.

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:1px solid #FE9A2E;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#0080FF;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Ketiga :
Silahkan kamu letakkan kode berikut di bawah postingan Anda bisa setelah kode <data:post.body /> ataupun setelah kode <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Info, Berita, Top dan Unik</h4>
<div class='kontainer'>
<img alt='Dang Hilal' src='https://lh5.googleusercontent.com/-xRFC60In960/AAAAAAAAAAI/AAAAAAAABlQ/4DXLhjoKYEQ/s250-c-k/photo.jpg'/>
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. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya
<textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='5'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
Judul: <span itemprop='itemreviewed'><a expr:href='data:post.url'><b><data:post.title/></b></a></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>10</span>
      out of <span itemprop='best'>10</span>
    </span>
    based on <span itemprop='votes'>24</span> ratings.
    <span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/u/0/100913906046910560484/'><data:post.author/></a></b><br/><br/>
Terima Kasih Atas Kunjungan Anda...
<div style='clear:both;'/>
</div>
</div>
</div>
</div>
</b:if> 

Terakhir :
Silahkan simpan templete dan lihat bagian footer dari postingan anda
Selamat mencoba