How to Have Your Portrait Show on Tumblr


Tumblr enables you to associate a portrait image with each of your blogs, so if you're running several blogs from the same account you can pick a different avatar for each one. The portrait picture is set from the blog settings screen on the dashboard. The theme you currently have installed on your Tumblr blog determines whether or not the picture is displayed by default, where it appears onscreen and the method for inserting it manually.

  • Log in to Tumblr and select the settings icon at the top of the dashboard (a gray cog symbol). Click the blog you want to work with. Select "Change Avatar" if you want to choose a different portrait picture than the existing one.

  • Click "Customize" to configure how the portrait appears on your Tumblr blog. Check the built-in options on the customization pane to the left to see if there is a setting for displaying your portrait image. These options are set by the theme author and vary from theme to theme.

  • Select "Edit HTML" to insert your portrait image manually or to make changes to its style and position. You see and can edit the HTML source code of your current theme.

  • Enter the "{PortraitURL-xx}" variable at a point of your choosing to insert your portrait image, replacing "xx" with the desired picture size: you can pick from 16, 24, 30, 40, 48, 64, 96 or 128. The variable returns an image URL, so you might insert the HTML code "<img src="{PortraitURL-128}">" to show the avatar at the biggest size, for example.

  • Click "Update Preview" to see your changes applied in the window to the right. If you're happy, click "Save," "Appearance," "Save" and "Close" to move back through the customization screens to the Tumblr dashboard.

Tips & Warnings

  • The styling, position and other attributes of your portrait image are controlled by the theme's HTML and CSS, so further tweaking may be necessary to get the effect you want. Study the theme's existing HTML for clues as to how you can reposition or restyle the portrait image using the structure and code already in place. If you aren't comfortable editing HTML code, you could opt to switch to a different Tumblr theme that displays the avatar in a way that's more to your liking.
  • Tumblr allows you to set up secondary blogs from your account in addition to the primary blog that's created when you first register. These secondary blogs can take advantage of extra features, such as password protection and multiple authors. If you are running a secondary blog with more than one author, you can tick the "Show Author Portraits" on the settings page to display avatars beside each post, giving readers a better idea of which user has posted which updates.

Related Searches


  • Photo Credit Images
Promoted By Zergnet



Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!