How To Change The Size Of Photos On Tumblr
Users may have to scroll to view your blog photos if they are too huge. Make the photos too tiny, and blog readers may not see them. Site designers that construct pages for blog sites like Tumblr often change images to improve the layout and fit nicely within browser pages. Once you learn how to utilise Tumblr’s HTML editor, you can perform the same thing without requiring an image-editing application.
You can learn graphic design online through Blue Sky Graphics online graphic design course in the UK!
Inserting an Image
It’s as easy as clicking the “Insert Image” button at the top of the editing box where you compose your post to add an image to your Tumblr blog post. When you click that button, a dialogue box appears, allowing you to input the URL of a picture from the Internet. The Dimensions part of the window also includes two text boxes where you may specify the dimensions of your picture. Tumblr inserts the picture into the editing box when you click “Insert,”
Resizing by Hand
To resize a photo in your Tumblr post, you do not need to utilise HTML. When you click a picture in the editing window, little handles appear around it. To make the picture bigger or smaller, drag one of the handles. By clicking “Preview.” you can see a preview of the post and its image at any time. Dragging image handles allows you to swiftly resize images, but it is impossible to give them accurate proportions using this approach. When you need to provide the precise height and width of an image, utilise HTML.
Tips
If you don’t like the new picture size, pick it by clicking the image, then click the “HTML” button and change the height and width in the HTML editor. You can also add a new picture to your article by copying the following code into the editor:
src=”?img height=”X” src=”?”
width=”Y” height=”Y” />
Replace the question mark with the URL of a Web picture, and “X” and “Y” with pixel height and width values. When scaling photos using HTML, keep in mind that image quality declines as image size grows.
How Can I Change the Font Size on Tumblr?
Tumblr lets you to change the look of your selected theme, including the size and appearance of the fonts used on your page. You may alter the Cascading Style Sheets that determine the design of your page by using the site’s “Customize” box. Alternatively, the HTML view of the Dashboard allows you to alter the layout of individual postings by entering HTML tags straight into your text.
View in HTML
The HTML view is available in the Tumblr dashboard’s post creation window. When chosen, it displays the HTML tags that comprise blog entries as well as the text of the articles. The HTML view also lets you modify the HTML tags of a specific post, enabling you to alter the attributes of a particular piece of your content. If you simply want to modify the size of a portion of your blog post, utilise the HTML view. You might, for example, use it to enlarge a single word.
HTML View Editing
To go to the HTML view, first click the “gear” icon next to the post you want to edit. Choose “Edit” and then “HTML.” Tumblr has two tags for making text bigger or smaller: big> and tiny>. To make a section of your text larger, put “big>” (without quotes here and throughout) just before the text’s start and then “/big>” directly after the text’s finish. The “small>” tag operates in the same manner, except it reduces the size of the text. When you’re done modifying, click “Save.”
The Personalize Page
Rather than modifying the HTML of a single post, the Customize page enables you to change the HTML and CSS that drives your whole blog. Using the Customize page provides you a lot of control over how fonts appear on your website, including the ability to adjust text size. If you want to modify the size of all the text on your page, it is better to utilise the Customize window, since changes made on this page generally apply to your whole blog.
Making Use of the Customize Page
To access the Customize page, click the “Customize” option on the Dashboard’s main page. Then, click “Edit HTML” to view the code that powers your page. To bring up a Find box, use “Ctrl-F” and search for “font-size.” This will assist you in locating the section of code in your theme that deals with fonts. Change the “font-size” variable to the desired size. For example, if your text was 10 points but you wanted it to be 12 points, you would modify the line “font-size: 10px” to “font-size: 12px.”
Can You Change the Text Size in a Tumblr Blog Post?
Using HTML codes, you may change the font size of your Tumblr posts. You may modify the size of the whole post or just certain sections of it, as well as make the text bigger or smaller. The “size” property of the element has been deprecated in HTML 4.01, however the and HTML tags are still available.
To make a new text post, sign in to your Tumblr account and select the “Text” icon.
Click the “<html>” button to enter HTML editing mode and then find the text you wish to alter. HTML tags can only be used when in HTML editing mode.
At the beginning of the text that you wish to make bigger, type “<big>” (without the quotation marks here and throughout). To close this HTML tag, type “</big>” at the end of the selected text.
To close the tag, put “<small>” at the beginning of the text you wish to make smaller, and “</small>” at the end of the chosen text.
To publish the post, click the “Publish” button. To preview the post before publishing it, click the arrow next to “Publish” and choose “Preview on blog” from the drop-down menu.
