Cara membuat Author Box Dibawah Postingan

 

1. Login dengan akun blogger anda.
2. Masuk ke menu Rancangan > Tata letak > Edit HTML.
3. Cari Kode berikut ]]></b:skin>.
4. Masukkan kode dibawah 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;
}
5. Kemudian cari kode <div class='post-footer-line post-footer-line-1'>

6. Letakkan kode berikut di bawah kode diatas tadi.
<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='http://i951.photobucket.com/albums/ad355/dhonie182/IMG_7062-1-1.jpg' width='70'/><b>About Author</b><br/>
Letakkan Tulisan anda disini<br/></p>
</div>
</b:if>
NB : Anda ganti tulisan berwarna Merah dengan teks yang anda inginkan.

Sekian dari tutorial ini,terimakasih atas kunjungannya,dan saya harap anda bisa meluangkan waktu sejenak untuk berkomentar untuk postingan saya ini.

1 Coment :

  1. wow., keren kak..
    nyari-nyari akhirnya ketemu juga
    thanks kakak, I like ur'blog

    BalasHapus