Cara Membuat Author Box Dibawah Postingan

Mungkin diantara sobat banyak yang bingung dan bertanya, Sebenarnya apa sih guna Author box yang akan saya buat kali ini? dan apa manfaatnya buat blog?
Nah disini saya akan menjelaskanya, Author Box adalah Kotak yang berisi Profil singkat dari kita atau sang penulis dari Artikel yang sedang dibaca oleh pengunjung di blog kita. author box ini bisa berisi tentang biografi atau profil singkat tentang kita agar tulisan kita lebih jelas siapa penulisnya. selainitu juga bisa diisi dengan contact handphone atau email agar mempermudah pengunjung untuk menghubungi kita jika ada pertanyaan atau yang lain.
Sebagai Contoh atau Ilustrasinya, Sobat bisa lihat gambar berikut ini

oke baiklah disini saya akan membantu sobat blogger untuk membuat Author Box tersebut, silahkan simak ya....


Cara membuat author box dibawah postingan

• Login ke akun blogger sobat
• pada menu dashboard, pilih Template lalu Edit Html dan berikan centang pada tulisan Expand template widget
• setelah itu silahkan cari kode ]]></b:skin> (manfaatkan pencarian CTRL + F)
• Jika sudah ketemu silahkan letakkan kode dibawah ini tepat distas 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;
}

• Selanjutnya cari kode  <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut tepat dibawahnya

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

• Silahkan ganti tulisan yang saya beri warna kuning sesuai dengan milik sobat.
• Setelah Selesai silahkan Simpan Template sobat.

Demikian artikel singkat tentang  Cara membuat author box dibawah postingan kali ini, Selamat mencoba dan semoga bermanfaat.

Posted in: Blogger,Tutorial