Membuat 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>

.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::.

Trik Tips

• 5 Hal Utama Yang Di Cari Google
• Cara Ubah Tag Judul Default Di blogger Untuk SEO
• Cara Pasang Title dan Meta Tags Agar Lebih SEO friendly
• Membuat Banner Header Dengan Corel Draw
• Cara Cari Teman Blogger Satu Kota
• Cara Memasang Meta Tag
• Cara Membuat Tab View
• Link Hover Dengan jQuery
• Cara Agar Postingan Tidak Di Copy Paste
• Membuat Text Berjalan di Tab Browser
• Cara Memberi Salam Pembuka
• Cara Mudah Membuat Link Banner
• Membuat Cursor Menjadi Gambar
• Cara membuat Tag Comulus pada Blogspot/Blogger
• SEJARAH FACEBOOK
• SEJARAH REOG PONOROGO
• Smadav Anti-Virus
• Cara Meng-HACK Passwoad Facebook

Blog Tutorial

• Cara Ubah Tag Judul Default Di blogger Untuk SEO
• Daftar Situs/Blog ke Search Engine
• Cara Membuat Tombol Google Buzz Share
• Cara Memasang Meta Tag
• Cara Membuat Tab View
• Link Hover Dengan jQuery
• Pasang Iklan dan Traffic Meningkat
• Cara Agar Postingan Tidak Di Copy Paste
• Membuat Text Berjalan di Tab Browser
• Cara Memberi Salam Pembuka
• Cara Mengganti Favicon Blog
• Cara Mudah Membuat Link Banner
• Membuat Cursor Menjadi Gambar
• Cara membuat Tag Comulus pada Blogspot/Blogger
• Memberi Jam pada Blog