Menambah Author Box di Bawah Postingan - Blogger

Ternyata banyak juga lho manfaat dari menambah author box di bawah postingan kita. Pada author box penulis dapat menambahkan kontak ataupun profil singkat beserta fotonya, sehingga beguna juga untuk kepentingan personal branding dari penulis tersebut.

Author box menjadi lebih penting di gunakan apabila dalam blog tersebut mempunyai penulis lepas yang menyumbangkan idenya pada blog tersebut, dengan adanya author box pembaca akan lebih mudah mengetahui siapa yang menulis artikel yang sedang di bacanya.

Sekarang sudah mengerti kan pentingnya memasang author box di blog kita, berikut cara menambah author blog di bawah postingan khusus untuk blog yang menggunakan platform dari blogger / blogspot :


1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan taruh kode berikut di atasnya;

.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;
}
Muda.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

6. Cari kode <div class='post-footer-line post-footer-line-1'> kemudian sisipkan kode berikut ini di bawahnya:

<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 avatar/photo kita' width='70'/><b>About Author</b><br/>
Sekilas tentang diri kita<br/></p>
</div>
</b:if>

7. Sebelum menekal tombol SAVE TEMPLATE ganti dulu tulisan yang berwarna hijau di atas dengan URL foto yang ingin digunakan dan profil atau kontak yang ingin kita tambahkan.

8. Simpan jika sudah selesai. dan cek postingan kita apakah sudah ada author boxnya atau belum.

Mudah bukan, Selamat Mencoba!