Memasang Kolom About Author


About author atau author box atau kolom author biasanya sering kita temukan di blog berbasis Wordpress. Tutorial ini adalah bagaimana memasang author box di bawah postingan. Author box tidak ditampilkan di halaman utama blog. Sebagai contoh, di bawah postingan ini, tapi teksnya saya ganti.
Tertarik dengan hal ini? Ikuti saja langkahnya...

1. Masuk ke Dasbor > Rancangan > Edit HTML, jangan lupa centang "Expand template Widgets".
2. Simpan kode di bawah ini tepat diatas kode ]]></b:skin>
 /***** Author Box ********************/

.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/AVvXsEhhDiajPXy1P5pFavuRS8K2ScB7MysEd7KWI1ijf7xG4iTs3YVyiCdZE3kyfGdgnveIu-oS25xSt2eGyNYNN38jvuT6MA5JcW-w2BCjTPwqy6V04yM8eQ6p49owslHdZdnTg0UYjzPDKgM/s1600/myavatar.png' width='70'/><b>Tentang Penulis</b><br/>
Tulis sesuatu tentang diri anda!<br/></p>
</div>
</b:if>
4. Ganti teks yang berwarna merah dengan url dan keterangan anda.
5. Save.

Berhasil?
Posted by :
Add Comment

Langganan: Posting Komentar (Atom)