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.
Informasi Tentang penulis dibawah Artikel | Kotak Author
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='http://2.bp.blogspot.com/_iPx6s72hybU/TCwG-lcNgYI/AAAAAAAAAqs/dLcpmcSgSNs/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:

9 Tanggapan untuk "Informasi Tentang penulis dibawah Artikel | Kotak Author"

  1. wah asik nih..
    cobak ah..

    makasih kang tutorialnya..
    sangat membantu sekali..hehe :D

    BalasHapus
  2. Wah mantab gan, di coba di bloq gan

    BalasHapus
  3. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  4. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  5. Terimakasih sudah berbagi,,,

    BalasHapus
  6. Thanks informasi nya gan jangan lupa berkunjung kesini ya

    BalasHapus