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;
}
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 == "item"'>
<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>
<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!
Article Information:
Menambah Author Box di Bawah Postingan - Blogger
Reviewer Puzzle Inc. Design pada .
Menambah Author Box di Bawah Postingan
Menambahkan author box untuk memudahkan identifikasi dan self branding penulis
Rating: 5
Reviewer Puzzle Inc. Design pada .
Menambah Author Box di Bawah Postingan
Menambahkan author box untuk memudahkan identifikasi dan self branding penulis
Rating: 5
Thank's tipsnya gan.
BalasHapusThanks Mas Bro atas Infonya,,
BalasHapus:D
mantap nih gan !
BalasHapus