Membuat Author Box di Bawah Post

Assalamualaikum Wr. Wb.

Baiklah tak usah berlama-lama lagi :). Kali ini saya akan memberi tips tentang Cara memasang atau membuat author box dibawah postingan sangat mudah,author box atau kotak admin/penulis blog bisa juga ditampilkan dibawah postingan, bagi sobat semua yang ingin menambahkan foto profilenya pada blog tanpa harus menambah gadget profile ini adalah salah satu caranya,nah bagaimana cara membuat author box dibawah postingan blogspot? ikuti tutorial dibawah ini!

1. Login ke blogger
2. Klik Edit Html , Beri Centang Pada "Expand Template Widget"
3. Letakkan kode dibawah ini diatas kode ]]></b:skin>

.author-box {

background: #f0f0f0;

margin: 20px 0 40px 0;

padding: 10px;

overflow: auto;

color:#888;

font-family:verdana, sans-serif;

}

.author-box p {

margin: 0;

padding: 0;

}

.author-box a{

color:#666;

}

.author-box img {

background: #FFFFFF;

float: left;

margin: 0 10px 0 0;

padding: 4px;

}

4. Cari kode <div class='post-footer-line post-footer-line-1'> Dan letakkan kode berikut dibawahnya.

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

<div class='author-box'>

<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>

Sekilas tentang diri kita<br/></p>

</div>

</b:if>

    Yang berwarna merah ganti sendiri yaaak :v
5. Simpan templatenya :)

Dannn selesai , bisa langsung di lihat di bawah postingan anda :3

Sumber : http://infonetmu.blogspot.com/2012/01/membuat-author-box-dibawah-postingan.html