Display a Portrait Photo in your Tumblr description box

First lets remark that a portrait photo is not the same thing as your main user avatar, the last one being the thumbnail that is displayed both in your dashboard and the icon displayed when you are a follower (that also applies to your main tumblr blog).

Bear in Mind that each tumblr blog has its own Avatar/Portrait Photo

If you want to insert a profile picture within your description box on Tumblr, follow the tutorial below

How To Add an Avatar/Profile Picture To Your Tumblr Blog

Upload your Portrait Photo/Avatar to your particular Tumblr Blog on Blog Settings >> Portrait Photo option. (each blog has its own portrait photo/avatar)
Go to Customize Theme >> Edit HTML and paste the following code:

<div><a href="/"><img src="{PortraitURL-128}" /></a></div>

It’s not easy to tell you exactly where to paste the code, since each Tumblr Theme is different, but we suggest you look for the tag {description} and add the portrait photo code before or after it. Be careful, since this same tag could be surrounded by other p and div tags.
Update Preview >> Save >> Close

If you want to display a smaller Avatar on Tumblr

You have different sizes available, just replace the one above with one of the code snippets below:

{PortraitURL-16}
{PortraitURL-24}
{PortraitURL-30}
{PortraitURL-40}
{PortraitURL-48}
{PortraitURL-64}
{PortraitURL-96}

Check the most popular tumblr follower checkers here.

12 Responses to "Display a Portrait Photo in your Tumblr description box"

emma
May 25, 2010 at 1:31 am

i tried doing this, and my picture didn’t come up, only a blue question mark symbol came up. i tried following the NOTE but i don’t get how to do it? :/

[Reply]
Mr. Tumblr Reply:
March 24th, 2012 at 1:51 pm
Check again, we updated our tutorial.

[Reply]
Celine
April 3, 2012 at 1:37 pm

How do you change the size of the display picture? How come only the numbers that you posted are acceptable, whereas if I keyed in any random number in the link the picture disappears? The {PortraitURL-128} is still too small for me, I need it bigger. How do I achieve that?

Thank you very much

[Reply]
Mr. Tumblr Reply:
April 3rd, 2012 at 5:37 pm
That’s the biggest you can get by using directly the avatar/portrait photo. Otherwise, you’d simply have to add an image to the description box.

[Reply]
caroline
April 3, 2012 at 7:27 pm
The avatar/profile picture that’s showing up is the default photo used for Tumblr. How can I get my own custom picture to show up?

[Reply]
Mr. Tumblr Reply:
April 4th, 2012 at 1:19 pm
In order to get a custom picture either in your description box, or any other part of your theme, paste the following code, and replace xxxx with the direct image url path:

<img scr="xxxx"/>

[Reply]
Kristin
November 29, 2012 at 2:00 am

I used this link:

And put it in front of my description tag like you said, but instead of going in my description, it goes into the left hand corner of my profile. Any way to fix it?

I’ve tried to put it in front, after, and in other spots around the description without disturbing other p or div tags.

Any help on how to get the picture in my description and not in the corner?

[Reply]
Chelsea
December 22, 2012 at 1:40 am

I tried doing this and the picture is just fine except for the fact that it’s not positioned right. Like it covers my posts. And I tried doing a smaller version but that makes it too small. And One of my links still covers the small one. Please help?

[Reply]
Sophia Nicole
December 25, 2012 at 10:45 pm

I’m extremely confused about what to do, how do I upload the profile picture? Or… I don’t know I’m just very confused.

[Reply]
elie
January 3, 2013 at 4:07 am

My portrait picture is going up to the title what i have to do ?

[Reply]
Emmy
February 2, 2013 at 8:19 am

Is it possible to make the image bigger than that? Like maybe the size of a banner or something? Please let me know!

[Reply]
Mr. Tumblr Reply:
February 2nd, 2013 at 2:22 pm
It is, simply modify the width and height properties of the image.

[Reply]