Cara Membuat Author Box di Bawah Posting

Informasi tentang penulis adalah sebuah hal yang penting. Karena dengan adanya informasi tentang penulis, pembaca pun menjadi tau siapa si penulis. Di posting saya kali ini, saya akan mengajarkan sebuah cara untuk membuat Author Box atau kotak penulis. Author box ini akan kita letakan di bawah setiap posting. Langsung saja tidak usah panjang lebar Step.By.Step !!!
Author Box
1. Log in ke blog anda
2. Masuk ke Design > Edit HTML > Centang di Expand Widget Templates
3. Cari kode ]]></b:skin>
4. Letakan kode berikut di atas kode ]]></b:skin>
.author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}
5. Sekarang cari kode <div class='post-footer-line post-footer-line-1'>
6. Letakan kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://a0.twimg.com/profile_images/1109165312/45777_1460357642759_1647967459_1099752_1271183_n.jpg' width='70'/><b>About Author</b><br/>
    Teman selalu ada di saat kita senang, Sahabat selalu ada di saat kita senang ataupun susah<br/></p>
    </div>
    </b:if>
Keterangan : Ganti yang berwarna merah dengan alamat gambar anda dan yang biru ganti dengan kata-kata anda sendiri

7. Save Templates

Sekian posting dari saya, semoga bermanfaat terima kasih wassalam

11 komentar:

kisah abu nawas, 10 November 2010 at 07:45 | [Reply]

kepingin mencobanya sob

Jana Virananda, 10 November 2010 at 11:42 | [Reply]

Wah mantap nih tipsnya :)

Hitech, 10 November 2010 at 20:20 | [Reply]

Nice share and tips...Ctrl+D tuk post ini..

Dimas Abi Galoga, 11 November 2010 at 04:40 | [Reply]

@kisah abu nawas silahkan kawan
@Mr.Kelpo makasih kawan
@Hitech makasih juga kawan

Ladida's Blog, 11 November 2010 at 22:25 | [Reply]

wah keren sob tutorialnya , cara ngatur lebarnya gimana ?? apakah lebarnya otomatis mengikuti template ??

Dimas Abi Galoga, 12 November 2010 at 01:15 | [Reply]

@Ladida's Blog iya otomatis. tpi jika ingin menambahkan lebar bisa dengan menambahkan kode 'width' (tanpa kutip) pada .author-box {

Muhammad Chandra, 13 November 2010 at 05:10 | [Reply]

udah di coba tapi gagal :(

Dimas Abi Galoga, 13 November 2010 at 18:25 | [Reply]

@Muhammad Chandra coba lagi gan. kode sudah saya perbaiki

Imam Thoib, 24 November 2010 at 00:55 | [Reply]

sip mas, keren. udah tak coba berhasil. mantab infonya.

Dimas Abi Galoga, 24 November 2010 at 03:52 | [Reply]

@ozci makasih udah di coba, selamat ya gan berhasil

Tian, 6 October 2011 at 21:59 | [Reply]

bannernya udah di pasang mas!
cek di http://christiantatelu.blogspot.com
di menu tukar link

pasang balik ya !!!

Post a comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home