Informasi Tentang penulis dibawah Artikel | Kotak Author

Tampilan blog menjadi lebih cantik, informatif dan komunikatif dengan memasang dan menampilkan Kotak Admin (informasi penulis dibawah artikel) atau Author Box dibawah posting yang berisi info tentang Penulis, judul artikel dan info lainnya. Judul kali ini adalah tentang Cara Membuat Kotak informasi tentang penulis atau Author Box Dibawah Posting artikel yang belakangan ini sedang ngetren dibicarakan para blogger.

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 == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSd8vXC_rj1b4PpAcs44LWQbIZu_v7l2Zto3Oo_Qwtf8Csl9SljyQLaXlr2hI0Ibs0U4fFtvpPX5NpadTE7hGu8NOxc90i8C2-gACXy9GjRzDrYetJLcuzGMjAXLnZofz8TZdHvu4PmU/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?

Baca Juga Artikel lainnya: