Membuat Author Box di Blogspot/Blogger

Banyak blogger yang ingin menampilkan profil singakt diri mereka di blog. Anda memang bisa membuatnya menggunakan profil box standart dari blogger. Namun, saya lebih suka menggunakan trik di bawah ini. Anda bisa menambahkan profil diri Anda di bawah setiap postingan Anda hanya dengan beberapa langkah mudah.

1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Centang Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Letakkan kode berwarna biru berikut ini di bawah <div class='post-footer'>

<!-- Author Box -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='width: 640px; border: 1px solid #ddd; background: #ccc; padding: 8px; margin: 0 0 10px 0; font-size: 85%;'>
<a href='http://www.masdoyok.com'><img height='60' src='http://4.bp.blogspot.com/_xJ97vQ_VYFo/S4PwNPqqiUI/AAAAAAAABiY/FTAeI4DJkCY/s320/07-09-09_1444.jpg' style='margin: 0px 8px 3px 2px; float: left; border: 2px solid D3D3D3;' width='60'/></a>
<div style='text-align: left;'>Penulis: <a href='http://masdoyok.com'>Mas Doyok</a> Lokasi: Purworejo, Jawa Tengah<br/>Mas Doyok blogger nuwbie yang hanya bisa berbagi dan berbagi. Mas Doyok blogger nuwbie yang hanya bisa berbagi dan berbagi.Mas Doyok blogger nuwbie yang hanya bisa berbagi dan berbagi.. Berkelana di blogosphere sekedar mencari hal baru dan teman baru. Ayo follow saya di twitter<a href='http://twitter.com/blogtips2' title='Follow On Twitter'>Di Sini</a>.</div>
</div>
</b:if>
<!-- Author Box -->

Ganti yang berwarna merah seperlunya.

640px

Ganti sesuai lebar yang Anda inginkan akan lebih baik sama dengan lebar main-wrapper.

http://www.masdoyok.com

Ganti dengan alamat blog Anda

http://4.bp.blogspot.com/_xJ97vQ_VYFo/S4PwNPqqiUI/AAAAAAAABiY/FTAeI4DJkCY/s320/07-09-09_1444.jpg

Ganti dengan alamat foto profil Anda

http://twitter.com/blogtips2

Ganti dengan alamat twitter Anda

Semoga dengan menambahkan profil singkat Anda, pengunjung semakin dekat dengan Anda.