Tutorial Cara

Tutorial Cara Membuat Author Box Dibawah Postingan - Pada Postingan Sebelumnya TutorialCara.com telah membahas Mengenai Tutorial Cara Membungkus Kado Ulang Tahun. Tutorial Cara Menambahkan 1 Kolom di bawah header dan Tutorial Cara Membuat Email Yahoo Indonesia 2012. Sekarang Kita akan coba Bahas Mengenai Tutorial Cara Membuat Author Box Dibawah Postingan Blogger

Berikut Ini adalah Tutorial Cara Membuat Author Box Dibawah Postingan
Login ke blogger Pastinya Dulu
Klik Edit Html , Beri Centang Pada "Expand Template Widget"
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;
}

KemudianCari 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>

Ganti yang berwarna Merah dengan Kesukaan Anda, Lalu simpan template anda, Maka sampai disini Selesailah Tutorial Cara Membuat Author Box Dibawah Postingan