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:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEa0ZyiDgZmA-ogLiyhz0C_CTFadl__fgTY8CsulLCQZkkRWi31_uikDAF933dGYEkOPl6nFd8P8V2TXIb_7Cq52rIQ8OcGRj8V-_P67SDAkjO0Ori-Wzr5qcO1L8JWZuqhcW4UYdHs1F/s1600/tutorial+hover.png)
Note: Code only works on a HTML theme. Not on posting messages.
1. First COPY the following code:
• Now let's add the code on your Tumblr Blog.
• Log into your Tumblr Account.
• Find the Account Settings.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyoiEAwLHqWYsloKGUomLDHL2CCmKPKmjedKyCk19_50mrBeJXzchof87Arc_yXAAuuhylWdwP-2_BvfkBl856xW7E4I6_SaYH27Z9j59zt_okpguPzskhVoWuzVZ_p7tCt0V1RqPBoiTO/s1600/edit+theme.png)
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:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEa0ZyiDgZmA-ogLiyhz0C_CTFadl__fgTY8CsulLCQZkkRWi31_uikDAF933dGYEkOPl6nFd8P8V2TXIb_7Cq52rIQ8OcGRj8V-_P67SDAkjO0Ori-Wzr5qcO1L8JWZuqhcW4UYdHs1F/s1600/tutorial+hover.png)