Tutorial: How to re-size a image? using HTML

Hello Everyone! For this tutorial I'm gonna teach you How to re-size a image? using HTML, the easy way! For a quick definition of what HTML means you can visit our Tumblog-it dictionary. Here's a image of what you will be doing in this tutorial, trust me is super easy!

• First step is Log in your Tumblr Account. (of course! who doesn't know that?)

• Tumblr allows you to customize your images using different tools, you can write a message or change your template, whatever your doing, find the option that allows you to use HTML. For example in messages looks like:

While in the Template customization looks like:

• Now COPY the following code, and PASTE it wherever you want to have the image:
<img src="MY IMAGE URL" width="60" height="60">

• Replace MY IMAGE URL, the width and height of this example.
• If you have no idea how to size your image, I made a few examples:

 (width) 100x100 (height)

 (width) 200x250 (height)

 (width) 400x250 (height)

Tips: Just play with the numbers till you reach the perfect size that you wish for! Let us know if this tutorial was helpful by clicking on the check-boxes below. Thank you.

Tutorial: How to show text when hover on image

Hello everyone!  This is a quick and easy-Tutorial: How to show text when hover on image. I try many HTML codes to see if they work in Tumblr and I found one that enables you to add text when someone hovers the mouse on the photo or image. Here's a quick look from my example blog:

Note: Code only works on a HTML theme. Not on posting messages.

1. First COPY the following code:

<img src="http://tumblog-it-logo.png" alt="Tumblog it tutorial" title="Welcome to Tumblog-it!" class="imagecache imagecache-reg" width="100" height="100" /></a>

• Now let's add the code on your Tumblr Blog.
• Log into your Tumblr Account.
• Find the Account Settings. 

2. Now find the Website Theme  + Edit Theme.

• PASTE the code where you want to have the photo: sidebar, top bar, etc. On my example blog I add the photo on the right-sidebar. Now you have to change some of the properties of the HTML code use the next photo as an example:

(click on the photo for a bigger view)

• Replace the Image URL with yours.
• Change the "Welcome to Tumblog-it! with the text you want to have when  a
visitor hovers on the photo.
• You can change the width and height however you want to.

• Click on Update Preview -- if you like it simply lick SAVE then CLOSE. It should look like: