Cara Membuat Author Box Di Bawah Postingan Blog

Jika Sobat Berkenan Memasangnya Sobat Bisa Mengikuti Langkah-Langkah Berikut:

1. Login Ke Akun Blogger Sobat  
2. Pada Dasbor Pilih Rancangan --> Edit HTML Dan Jangan Lupa Untuk Centang Kolom Expand Template Widget
3. Letakan Kode Berikut Tepat Diatas Kode ]]></b:skin>
   

.teja{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.teja p{margin:0;padding:0}.teja a{color:#FFF}
.teja img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEild0pf1jX2G3VHIePaCid8iKxon8Gjp9Kj3vkSaWXU_RpKZ0ATr9hp1Xo8Cw8eVzUROCI9NMnl3PdUD-aYPoGJfRMow7R990FGv2MoL4D2IocXn0Lk461D1I26ueHHS2NJCeBAkjyV4MsW/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}

       Tekan CTRL+C untuk mengocopy text
   4. Cari Kode <div class='post-footer-line post-footer-line-1'> Agar Memudahkan Pencarian Gunakan CTRL F Atau F3

  5.Letakan Kode Berikut Tepat Dibawah Kode <div class='post-footer-line post-footer-line-1'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPvi2LiDluGH5IgRJmJoFmu0Rn935bFacviOZ5pXHjWZiDo3lyj6_FMde7Fscvdo_BzqouX7Ohzjw2HJH2-j68qPuwZumaXNDb7igNIYnIxP0yNZo0VV0p1jrR6MPscJ5nouoKnClZnYE/s1600/author.png' width='100'/><div style='font-family: kristen itc; color: rgb(255, 0, 0);'><b>ABOUT THE AUTHOR</b></div>
<div style='text-align: justify; font-family:bedizen'><a href='http://tejahtc.blogspot.com/' target='new'><b>M.SUTEJA : </b></a>Saya semakin yakin bahwa hidup adalah 10 persen dari apa yang sebenarnya terjadi pada diri kita,dan 90 persen adalah bagaimana sikap kita menghadapinya
</div></p>
</div>
    </b:if>

       Tekan CTRL+C untuk mengocopy text
  6.Simpan Templatenya

CATATAN: Sobat Bisa Mengubah Url Gambar Yg Berwarna Merah Dengan Url Gambar Sobat
                     Dan Ubah kata kata Yg Berwarna Hijau Dennga Kata kata sobat sendiri

~~Selamat Mencoba~~

~~Semoga Berhasil~~

▼ Backlinks Script ▼

URL

Code For Forum

HTML Code <a href='http://facecopz.blogspot.com/2011/07/cara-membuat-author-box-di-bawah.html' target='_blank'>Cara Membuat Author Box Di Bawah Postingan Blog</a>