Cara Membuat Author Box / kotak penulis

Bismillah
Informasi tentang penulis adalah sebuah hal yang penting. karena dengan ini, blogger akan mengetahui informasi atau pesan dari kita. dan kali ini kita memasang profil tentang penulis untuk di letakkan di setiap bawah posting. lebih jelasnya, lihat gambar di bawah...

nah, buat yang tertarik memasang author box di atas, caranya gampang koq

1. Log in ke blog anda

2. Masuk ke Design > Edit HTML > Centang di Expand Widget Templates

3. Cari kode ]]></b:skin>

4. Letakan kode berikut di atas 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. Sekarang cari kode <div class='post-footer-line post-footer-line-1'>

6. Letakan kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'>

<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://a0.twimg.com/profile_images/1109165312/45777_1460357642759_1647967459_1099752_1271183_n.jpg' width='70'/><b>Tentang Penulis</b><br/>

    berhenti berbicara dan mulailah mencoba. maka kau bisa<br/></p>

    </div>

    </b:if>

Keterangan : Ganti yang berwarna merah dengan alamat gambar anda dan yang biru ganti dengan kata lain sesukamu...
7. Save Templates
Sekian posting dari saya, semoga bermanfaat terima kasih wassalam

Jangan Lupa Baca yang ini Lho yach..: