Home »
Tutorial
»
Membuat Author Box Di Bawah Postingan
Membuat Author Box Di Bawah Postingan
Posted: Jumat, 02 Maret 2012 by Dany "Vyr03z" Firdaus in Label: Tutorial
0
Membuat Author Box Di Bawah Postingan itulah judul tutorial blog kali ini jika anda tertarik untuk membuatnya silahkan ikuti langkah langkah berikut ini :
- Masuk ke akun blog anda
- Edit HTML>>Centang Expand Template Widget
- Cari Kode ini ]]></b:skin>
- Letakan kode tersebut di bawah ini do atas kode ]]></b:skin>/***** Author Box ********************/
.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;
} - Kemudian cari kode <div class='post-footer-line post-footer-line-1'>
- Letakan kode berikut ini di bawah kode <div class='post-footer-line post-footer-line-1'><b:if cond='data:blog.pageType == "item"'><div class='author-box'><p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1184.photobucket.com/albums/z328/cicawal/jounkimagesA.jpg' width='70'/><b>About Author</b><br/>Tulis apa yang anda ingin tulis<br/></p></div></b:if>
- Kemudian simpan dan Lihat hasilnya