How to add 'About Me' gadget in blogger with profile image URL?

We have given the various methods in which you can add 'about me' link in blogger. We have also given tutorial on how this can be done using HTML/JavaScript gadget. But that was just a simple version. In that, you can add your description text and linking your blog URL.

But today we are here with another version of it-better version. It's a better one because you can actually add your own profile photo in addition to things you can add in its simple version. 

Are you ready to have this wonderful gadget added in your blog? If yes, please follow the given steps:

Step 1

Login to your blogger account

Step 2

Select the blog (if you have more)

Step 3

Click on drop-down menu button

Step 4

Click on Layout button

Step 5

Click on Add Gadget button

Step 6

Scroll down. Select HTML/JavaScript

Step 7

Keep the title as 'About Me'

Step 8

In the content, paste the given HTML codes:

<left> <img src="https://scontent-sin1-1.xx.fbcdn.net/hphotos-xat1/t31.0-8/s960x960/1401332_621479974564229_725520938_o.jpg" alt="profile" height="140" width="120" />

<p align="centre">I am Sherab Tenzin, a man behind this blog <b><a href='http://stcbmtl.blogspot.com/' rel='privacy policy'>To Learn Blogging</a></b>. I live in Thimphu with my family. 

</p></left>

Step 9

Make changes in above highlighted font texts

Step 10

Click on Save. You're done.

Blue font are your profile image URL and your blog URL, Red is your profile description text, Green is your blog name. You can also change alignment of text from centre to left or right or justify. Moreover, you can also change the height and width of the profile image according to your blog's design.