 |
| Tentang penulis dibawah Artikel |
Kotak informasi tentang penulis atau Author Box biasanya sering kita temukan di blog berbasis Wordpress. Tutorial ini adalah bagaimana Cara membuat & Menampilkan informasi penulis / author box di bawah postingan artikel. Author box tidak ditampilkan di halaman utama blog. Sebagai contoh, di bawah postingan blog kami Komunitas Blogger Nias, anda bisa melihat tampilan infomasi penulis yang ditampilkan secara otomatis dalam setiap postingan artikelnya.
Bedanya adalah, Kotak penulis atau auhor box ini sangat ringan dan simple. tentunya tidak akan membuat blog kamu lambat *berat. Sehingga aksesoris blog seperti ini bisa disebut Kotak Author penulis yang Seo friendly.
Langkah Dan Cara Membuat Infomasi Penulis Dibawah artikel
1. Masuk ke Dasbor > Rancangan > Edit HTML, jangan lupa centang "Expand template Widgets".
2. Simpan kode di bawah ini tepat diatas kode ]]></b:skin>
/***** Informasi penulis********************/
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
3. Cari kode <div class='post-footer-line post-footer-line-1'>, ganti dengan kode dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYvQggeYxFRgLkHAyaK7HbILZfY9Rok0akuF6wHExOlnoEcNMhTjmh_nbCs2iWWRY7LBX6NCnTyiPoez9oomX-afeSQUvx9TjfMKbg1Bt0xiHQs83_S1bmXc7RueCHFA82-0-5ynKfow/s1600/myavatar.png' width='70'/><b>Tentang Penulis</b><br/>
Tulis sesuatu tentang informasi penulis disini <br/></p>
</div>
</b:if>
Petunjuk Edit Tampilan Informasi penulis *Author box
Warna Merah : Ganti dengan Url Gambar Yang Akan ditampilkan.
Warna Hijau : SEbagai JUdul *contoh : Tentang saya, Info penulis, About me
Warna biru : Silahkan Isi dengan deskripsi, Informasi diri Anda
Simpan dan coba lihat hasilnya, Apakah berhasil Membuat Kotak informasi penulis Otomatis Disetiap Artikel blog?
