Cara Membuat Author Box di Bawah Postingan

Cara Membuat Author Box di Bawah Postingan - Cara supaya nama penulis bisa tercantum di bawah setiap posting blog. atau Trik/cara memberi author box/ kotak penulis di bawah setiap postingan atau cara menambah identitas penulis di bawah postingan.

Banyak sekali elemen-elemen yang bisa disisipkan di bawah postingan blog maka dari itu pada postingan artikel kali ini saya akan menyampaikan cara memberi identitas penulis di bawah postingan. Selain dapat mempercantik tampilan blog. Banyak hal lain selain author box,  yang bisa disisipkan di bawah postingan, misalnya saja iklan lebih jelasnya bisa anda baca: cara memasang iklan otomatis di bawah postingan. Kembali lagi ke pokok pembahasan jika anda tertarik untuk memasang author box di bawah postingan blog, dibawah ini adalah trik membuat author box di bawah setiap postingan blog:

1. Pertama anda harus login ke akun Blogger anda.
2. Selanjutnya anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Setelah itu anda Cari kode ]]></b:skin> di template anda.

4. Copy dan Paste kode berikut tepat di atas kode ]]></b:skin> tadi

.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. Selanjutnya anda cari kode <div class='post-footer-line post-footer-line-1'> setelah ketemu copy dan paste kode berikut ini tepat 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='URL Foto/Avatar Sobat' width='70'/><b>About Author</b><br/>
Sekilas tentang diri sobat<br/></p>
</div>
</b:if>

Keterangan: ubah tulisan berwarna ungu dengan URL foto/avatar yang anda miliki dan ubah tulisan berwarna merah dengan deskripsi singkat diri anda.

6. Simpan template anda.

Demikianlah yang dapat saya samapaikan pada artikel kali ini mengenai cara membuat author box di bawah postingan. Semoga bermanfaat buat semua.

$ SALAM TEMUKAN CARA $