Membuat Kolom About Author

by Alif Winda Hardika · 9 komentar
Filed under: ,
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>
.authbio{
color: #555;
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 3px groove #ccc;
width: 475px;
padding: 10px;
margin-bottom:20px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

.authbio a{

text-decoration:underline;

}
img.alignleft {
float:left;
background-color: #c4e3e0;
border:5px solid #c4e3e0;
padding: 5px;

margin-left:5px;
margin-top:0px;
margin-bottom:25px;
margin-right:12px;

}
3. Cari kode <p><data:post.body/></p> atau <data:post.body/>.
CATATAN : kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.
maka pilih kode yang kedua biar tidak tampak pada halaman utama.
setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.
<div class='authbio'>
<div style='float: left;'>
<img alt='alif winda hardika' src='http://www.unsri.ac.id/images/foto_mhs/2010/none.jpg'/></div>
<h2><strong>About The Author:</strong></h2>
<a href='http://alifwindahardika.blogspot.com/'><strong>Penulis</strong></a> ialah seorang yang lagi merambah dunia internet marketing dan belajar lebih dalam lagi. Jika anda senang dengan tulisan ini, pastikan anda <a href='http://feedburner.google.com/fb/a/mailverify?uri=alifwindahardika' target='_blank'><strong>Mendaftar Gratis</strong></a>! atau ambil <a href='http://feeds.feedburner.com/alifwindahardika' target='_blank'><strong>Feed Rss</strong></a>.</div>
4. Ganti teks dengan url dan keterangan anda.
5. Save.

Subscribe in a reader

Atau Berlangganan gratis Via Email Di bawah ini

.::Artikel Menarik Lainnya::.

Comments

9 komentar to "Membuat Kolom About Author"
  1. Wah, boleh dicoba nih versi Bloggernya :)

  2. postingan yang mantap teman!

  3. thank ya Agan Fadel dan Kris Anggono...

  4. mantap kang Tipsnya, mau dipraktekkan niig

  5. postingan yang mantap teman!

  6. Mantap tutorialnya, aku bakal mencoba yang ini.... Postinganya aku bookmark sob....

    thnks dah mampir di blogku

  7. postingan yang mantap teman!

  8. contohnya ini kaya yang dimana ?

  9. mampir gan...

Post a Comment

Google/Blogger : Khusus yang punya Account Blogger.
Wordpress : Blog dengan account wordpress
Name/URL : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonymous : Jika tidak ingin mempublikasikan profile anda.