Cara Memasang KOTAK PROFIL di Bawah Postingan - Pada panduan blogger ini saya akan menunjukan cara menambahkan kotak profil / about the author yang tampil di bawah postingan Anda. Memasang widget ini hanyalah pelengkap saja atau sebagai aksesoris tambahan blog agar semakin baik. Pengunjung juga akan lebih kenal dengan nama, moto, deskripsi profil Anda yang muncul di bawah postingan Anda. Tampilan widget ini cukup sederhana dengan text dan gambar berukuran kecil.

.author-box {
background: #fff;
margin: 10px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 2px;
border: 1px solid #E6E6E6;
}

Catatan : Untuk kode berwarna Merah adalah warna latar belakang, warna border. Silahkan sesuaikan warna tersebut agar serasi dengan tampilan blog. Agar lebih mudah cari kode warna

4. Kemudian letakan kode berikut setelah 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='' class='avatar avatar-80 photo' height='74' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfoMr0ve2lbrUrM_AGF3mCWAQtQL5T5Af9uAPqQY3zVk5xJkG1hF30zwyWshaUGpeBu50k3Kg8EI91EAgjdxsljyohZb3d66KCWYVG8bsvVopCiCR4znAbpHx5mF91pCQRMcSqTwRM8GlG/s320/A.png' width='70'/><b>About the Author</b><br/>
<div style='text-align: justify; font-family: VERDANA; color: # ;'>thank you for you who have come on my blogger, I hope my post is already saved on my blog useful for you.<br/>
</div>
</p>
</div>
</b:if>

5. Tahap akhir, Simpan Template.


Demikianlah Tutorial blogger tentang " Cara Memasang Kotak Profil di Bawah Postingan ". Semoga tutorial ini bermanfaat dan beguna bagi kalian.

Terima kasih selamat mencoba.

Cara Memasang Kotak Profil di Bawah Postingan

>