How to Add Pictures to Tumblr Descriptions

Placing images on your Tumblr descriptions adds a visual appeal and dynamic to your page. If you want people to see a useful text in your blog, put a captivating picture next to it, and people are more likely to find the information you want them to see.

Below are some tips on how to add pictures to your Tumblr descriptions on your desktop or mobile app.

Adding Pictures to Tumblr Descriptions on Desktop

Step 1. Select the URL for the picture you Want to Add

The first step is to ensure that your image is ready in the sidebar. You can open the image in another tab on your computer. You can also copy the URL to your desktop. If the picture is on another website, you can right-click on the image and select the ‘open in new window’ option.

The picture you insert in your description can be from any website on the internet. However, if you want to include an image straight from your computer, you’ll need to upload it to a hosting site first then download it from there to your Tumblr. ImgBB is one free hosting site which can come in handy. After uploading your image on ImgBB, you need to select “HTML thumbnail linked” and then copy the provided HTML code.

uploading images on imgbb

Step 2. Head To The ‘Edit Theme’ Page.

Log into your Tumblr account, click on the human icon on your screen’s right hand, and then click on ‘select your blog.’ Select the ‘edit appearance’ option then the ‘edit theme’ option.

READ  How to Tell if Someone Deleted you on Snapchat

accessing thumblr edit theme option

Step 3. Click The Customize Panel

Head to the customize panel then click on the description option to edit the description box. In the description section, paste your copied HTML code (from ImgBB). The result will be a display of the image you had initially selected in step 1.

Pasting the html code

NOTE: The size of the images can also be adjusted to fit into the description box perfectly, but for that you need to have some knowledge of HTML coding. For a resizing option, click on the edit HTML tool. You need to locate the picture in the source code then add CSS3 to adjust the image’s size.

Press the CTRL+ F shortcut to search for the image, then press ENTER to find the code that places the picture to your Tumblr description. Add the CSS3 resizing properties that can allow you to adjust the picture’s height and width.

Add Pictures to Tumblr Descriptions on Mobile App

The steps to adding an image to a Tumblr description on your mobile app are very similar to those for a computer.

Step 1. Upload your desired image and copy the HTML code provided by the image host. For detailed instructions, see Step 1 for desktop.

Step 2. Open the Tumblr app on your device and select the account icon at the bottom right.

accessing tumblr theme option

Step 3. Once you open the blog, select the ‘edit appearance’ option whose icon resembles a pallet.

editing tumblr description on app

Step 4. Tap the description box and paste the HTML code of the selected image in the description box. Click on the ‘update’ button to change the description, and then finalize by saving your work.

READ  How to Enable Snapchat Dark Mode on Android and iOS

Bottom Line

The steps above are a general image placement into your Tumblr description. You can, however, assert your creativity when it comes to your Tumblr description. Ensure that you remain within your particular niche and be keen on how your content resonates with your audience.

ServNet Tech Team

Leave a Comment