Cara Membuat Author Box / kotak penulis

Bismillah
Informasi tentang penulis adalah sebuah hal yang penting. karena dengan ini, blogger akan mengetahui informasi atau pesan dari kita. dan kali ini kita memasang profil tentang penulis untuk di letakkan di setiap bawah posting. lebih jelasnya, lihat gambar di bawah...

nah, buat yang tertarik memasang author box di atas, caranya gampang koq

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>Tentang Penulis</b><br/>

    berhenti berbicara dan mulailah mencoba. maka kau bisa<br/></p>

    </div>

    </b:if>

Keterangan : Ganti yang berwarna merah dengan alamat gambar anda dan yang biru ganti dengan kata lain sesukamu...
7. Save Templates
Sekian posting dari saya, semoga bermanfaat terima kasih wassalam

Jangan Lupa Baca yang ini Lho yach..:

widget blogger

• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Html Encoder untuk menampilkan script pada posting
• Membuat Menu Custom Dropdown
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Cara Menambahkan Sesuatu Di Sidebar
• Memasang Radio Streaming Di blog/ website
• Membuat Tulisan ʞılɐqɹǝʇ
• Generator widget ( grunge heart )
• Memasang Profil Facebook Di blog
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara membuat Buku Tamu Di Blog
• Cara Memasang Google Translate

tutorial blogger

• Membuat Tabel Pada posting Blog
• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Cara membuat Animasi Teks Membesar Part1
• Membuat Menu Custom Dropdown
• Kode warna Untuk Blog
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Memasang Radio Streaming Di blog/ website
• Membuat Efek Link Pelangi
• Cara membuat Teks/ Tulisan Berjalan
• Cara Membuat Menu 3 Tab View
• Membuat Buku tamu Tersembunyi
• Cara Memasang Jam di Sidebar Blog
• Cara Mengganti Nama Blog
• Cara Setting Pengaturan Blogger
• Cara membuat Buku Tamu Di Blog
• Mengenal Istilah-istilah dalam Blogger
• Cara Memasang Google Translate
• Situs Penyedia Template Blogger
• Cara mengganti Template Blogger