Xx+==x(EXPLORATION)==+==xXx

Home » Tips Blogger » Cara Membuat Author Box Di Bawah Postingan Blog

Cara Membuat Author Box Di Bawah Postingan Blog

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. 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/AVvXsEhLMZn8OhJM26XRoeH6cYQni_9MUtXdKVeAky2UiuKc941cKbMbbvLJUw82QsPWGyfHSrrh4I0h0Zz4Q6_7I6ramI_G2M_AghbiBL0T4A_eNAR0GTACDio0nTRfnveDAtcrbUrD6iNX3vVN/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}

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

<b:if cond='data:blog.pageType == "item"'>
<div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_QhlhscCm08eR4JsWyAQoKvzYt3Ff2BG1czrUrrgoHHBKCcbg9po3P3E7oV0q3LFSRPlUwL_HancT9a24eLloALOZ-M3-0hyphenhyphenZmgw3JoYDzPTwYk7_FqGWmtso_KdAqD9MltoJeHjkyuQ/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://www.3xploration.co.cc//' target='new'><b>Exploration : </b></a>Seorang Manusia yang selalu ingin menjadi lebih baik
</div></p>
</div>
</b:if>

NB:
► Anda bisa mengubah Url gambar yang berwarna Merah dengan Url gambar anda
► Dan rubah kata - kata yang berwarna Hijau dengan kata - kata anda sendiri.

8. Save