Cara Membuat About Author Box

1. Login ke blogger

2. Dashboard > Template > Edit HTML

3. Masukan kode CSS berikut diatas kode ]]></b:skin>

.profile-img{float:left;display:block;width:90px;height:90px;margin:10px 10px 0 0;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:99em;border:3px solid #eee;box-shadow:0 3px 2px rgba(0,0,0,0.3)}
.profile-data{margin:0; letter-spacing:.1em; font-size:90%; font-weight:bold; line-height:1.4em}
.profile-datablock{margin:.5em 0 .5em .0em}
.profile-textblock{text-align:left; margin:0.0em; line-height:1.6em}
.profile-link{font-weight:bold}

4. Simpan Template
5. Pergi ke Tata Letak > Tambahkan Gadget dan masukan kode HTML berikut

<div class="profile-textblock">
<img alt="SulfiadiAsmar" class="profile-img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvHTl7aX1_ShbR7uzCKCaculHG_liVzQnwse97C9uEaCZ5txJ9jQupoYc4LPF3D1esYCwCN14BD2U5Bd21HYZe8uMmF9KL31wGdbXzbCptnS9FrFBrC5OeGMwJz1NCrrU8DQA3hF4oVM/s1600/3.png"title="Sulfiadi Asmar" width="100" height="100" />Saya (Sulfiadi Asmar) merupakan seorang blogger pemula yang ingin berbagi pengetahuan dengan semua melalui media web/blogger
Anda dapat menemukan saya di : <br/>
» <a href="https://www.facebook.com/uphy.poetrazhoppenk" title="Facebook" target="_blank">Facebook</a><br/>
» <a href="https://twitter.com/mestiqui" title="Twitter" target="_blank">Twitter</a><br/>
» <a href="https://plus.google.com/104262953568171240230" title="Google+" target="_blank">Google+</a>
</div>

Keterangan :

• Warna merah Anda ganti dengan nama Anda
• Warna biru Anda ganti dengan url foto Anda
• Warna pink Anda ganti dengan nama blog anda
• Warna orange Anda ganti dengan url social Anda

6. Simpan Widget dan lihat hasilnya akan seperti ini...