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

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

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


  4. 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.
  5. 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.

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

Add Comment
← Older Comments
  1. elle

    October 12, 2012 at 11:00 pm

    how do I center the image? I wanted in the middle :/

    [Reply]

  2. nic

    November 13, 2012 at 12:33 am

    hey, I have a custom theme by someone and the portrait is coming up fine and its the right photo but I cant seem to put it into the position I want which is above a few links to my askbox and a submit link, any suggestions?

    [Reply]

  3. Mushy E

    November 14, 2012 at 6:25 pm

    Where should i put in the image size?

    [Reply]

  4. Kelevra

    November 15, 2012 at 4:48 am

    Uh… Possible to change your pic on mobile? More specifically iPhone/iPod mobile? Fuckin’ stumped here…

    [Reply]

  5. 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]

  6. Pooja

    December 16, 2012 at 4:52 am

    How do I move my picture where I want it as it too high up currently?
    Thanks

    [Reply]

  7. Karin

    December 21, 2012 at 5:09 am

    Is there a way to change the location of the photo? Like a little lower on the page maybe?

    [Reply]

  8. chelsea

    December 21, 2012 at 11:58 pm

    My theme *does* have a place for an avatar, but the avatar doesn’t show up *anywhere*. It says it’s uploading and then disappears.

    [Reply]

  9. 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]

  10. 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]

  11. Roi

    December 27, 2012 at 7:29 am

    Why can’t I relocate my photo to some other part of my Blog?

    [Reply]

  12. Emma

    January 2, 2013 at 4:21 pm

    I can’t find the tag…. What do I do?

    [Reply]

  13. Milka Tesfay

    January 2, 2013 at 11:58 pm

    I dont know how to se up ur profile picture.

    [Reply]

  14. elie

    January 3, 2013 at 4:07 am

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

    [Reply]

  15. nichole

    January 11, 2013 at 10:53 pm

    in step 1 you said to go to blog settings but i can’t find it. whenever i change my avatar/icon in only show up on my dashboard but not in my blog.

    [Reply]

  16. 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:

    It is, simply modify the width and height properties of the image.

    [Reply]

  17. Steven smith

    February 2, 2013 at 8:17 pm

    How do I get it on my iPad 3 my profile pic no setting for photo?

    [Reply]

  18. Ashley Eagles

    February 4, 2013 at 8:57 pm

    How do I put it in a different position that isn’t the top corner?

    [Reply]

  19. angel

    February 10, 2013 at 7:24 am

    how do you move the pic left to right.. it keeps putting it in the top left corner

    [Reply]

  20. Aradia

    February 22, 2013 at 3:11 am

    How do you do this on a I-pod?

    [Reply]

  21. Jayden

    February 23, 2013 at 10:44 pm

    I can’t find that {description} tag or anything, could anyone do a step by step thing to help me?
    sorry new to Tumblr! :c

    [Reply]

  22. Danielle

    February 25, 2013 at 11:58 pm

    This website has helped wonders for me. Is there a way you can put the picture on the side instead of directly in the middle?

    [Reply]

  23. hyonpyon

    March 9, 2013 at 8:30 pm

    the portrait shows up as my profile picture, i tried changing it but it doesn’t work. help?

    [Reply]

  24. carly

    March 10, 2013 at 3:21 pm

    i don’t know if it’s me or what i can not seem to do this. it isn’t working. i dont know where to put the link because you said you don’t know and i cant find what you said to look for.. help

    [Reply]

  25. Nelson

    March 22, 2013 at 7:50 am

    But if the avatar and portrait photo are two different things, won’t that picture reference give us the portrait photo for both the avatar and portrait photo? How would you get it to be two different pictures?

    [Reply]

  26. Brandon

    March 23, 2013 at 9:44 am

    can you make it any sizes bigger than 128? THanks

    [Reply]

  27. Tee

    March 29, 2013 at 6:52 pm

    I just wanted to say you guys are awesome! Thanks for making my life easier! =D
    Keep up the good work!

    [Reply]

  28. Ella

    April 12, 2013 at 1:48 pm

    I tried doing everything.

    That’s my code. Where do I put? It never shows! I already put before and after. What do I do?

    [Reply]

  29. SRogers

    April 13, 2013 at 7:49 pm

    I have been trying to upload a 40k avatar to a clients page all day, it just hangs “spinning” all day, seriously not impressed going to use something else as this is a joke

    [Reply]

  30. amie

    April 17, 2013 at 11:11 pm

    how do i put my picture in it once i have copy and paste the code

    [Reply]

  31. lyss

    April 26, 2013 at 1:07 am

    how do I center my picture?

    [Reply]

  32. sdkds

    April 28, 2013 at 10:35 am

    where do i put the picture code in? -.-

    [Reply]

  33. Jasmine

    May 17, 2013 at 3:31 am

    I uploaded my avatar using my mobile, but then I lost it and I want the picture from my avatar on my laptop, normal size, can I do that? how?

    [Reply]

  34. jones

    May 17, 2013 at 7:57 pm

    My avatar showed up under the description and in the top left corner, when i deleted the code the picture in the top left corner didn’t disappear but the other one did. Why?

    [Reply]

  35. Vigile

    May 25, 2013 at 9:53 pm

    What if we have a shared blog and we want our main user avatar to show up beside every post we make so that viewers of our blog know who posted the entry. Is this possible?

    [Reply]

  36. Phoebe McQueen

    June 13, 2013 at 3:40 pm

    How do I get the image to be positioned to the left of my bio/blog title?

    [Reply]

  37. Dana Saari

    June 21, 2013 at 5:45 pm

    super helpful, thanks! Is there any way to make the avatar even larger?

    [Reply]

  38. Luke

    June 23, 2013 at 8:59 pm

    Is the picture meant to appear in the very top left corner? is there a way to move it?

    [Reply]

  39. ramen

    June 26, 2013 at 5:04 pm

    I just wanna center it man

    [Reply]

  40. Ashley

    July 3, 2013 at 6:11 pm

    I tried using this but all that game up was a grey box on my blog, even though I have an avatar set up. I also can’t get rid of the grey box, even by deleting that from the html. Help me please!

    [Reply]

  41. taylor

    July 5, 2013 at 8:08 pm

    this doesnt work, i have a specific theme that has a place for my profile picture . first i did what this says and it didnt work then i went through , found where the url to put the picture in the place is and i cnt even do that. tumblr is so confusing someone help me here

    [Reply]

  42. Anonanonson

    April 15, 2014 at 9:52 am

    To center use this:

    In the first tag you can place the image with the “align” parameter. You can insert right, center, or left.

    [Reply]

← Older Comments

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>