Cara Membuat Profil Admin Tampil Di Postingan Blog

• Login ke akun blog sobat.
• Pergi ke menu Template.
• Pilih Edit HTML.
• Jangan lupa cek Expand Widget Template.
• Cari dan temukan kode <div class='post-footer'>, dan copy kan kode berikut tepat diatas kode <div class='post-footer'>.

<!-- Kotak Admin -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>

<div class='kontainer'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwxemgYnvax6anq5xs2TBR5OjgWMZcqWNQojECjBYXfGruGHiS2k-GSzqoMsODjSkyQIeOJ4pKj8n8vF45DuCbhMIJzM3vbO28PfuSn7LFp7owNwAddR_8nqcBkjVHyCyHHyXOusTcM8/s220/AVATAR+KU-128.jpg'/>

Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

• Setalah itu cari kode  ]]></b:skin> dan copy lagi kode berikut diatas kode ]]></b:skin>, jika gagal, sobat bisa meletakkannya dibawah kode z <data:post.body/>.

.admin-tulisan{

display:block;

width:auto;

background:#CFE2E0;

border:2px solid #fff;

box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#222;

}

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

.admin-tulisan h4{

background:#8A9C04;

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-tulisan h4 a{color:#FEEA83;}

.admin-tulisan img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #954B02;

padding:2px;

background:#C36702;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

• Ganti URL gambar yang berwarna biru dengan URL gambar sobat. Sobat juga bisa mengganti kata-kata yang akan tampil sesuai keinginan sobat. Ukuran dan jenis fontnya, warna background serta warna border juga bisa sobat ganti.
• Terakhir simpan template sobat