How To Make Your Pics Big When Clicked

How to Make Pics Open Into Full Size When Clicked

Welcome friends to a quick tutorial. I was asked by my friend @ninahaskin how to make a smaller pic clickable into a full sized pic.

First lets review how to make words into a link because it all builds on that.

P1150444.JPG

I think my video makes it clearer:

Ok. Here is a link for the photo I dropped in:

![P1150444.JPG](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)

Let's link that to the word Hello. Notice we only use the stuff between the parenthesis. Also notice there is no space between the right ] and the left (. Steemit just drops it down because it is long but it is written ](

[Hello](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)

Renders a clickable Hello

Hello

OK, now let's make the picture take the place of Hello. The photo becomes clickable.

[![P1150444.JPG](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)

Renders:

P1150444.JPG

New these make the Photo smaller on your blog. Just copy above but we want to copy again this part https://steemitimages.comand insert it like so and add the size like 300x300

[![P1150444.JPG](https://steemitimages.com/300x300/https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)

Renders to: A clickable smaller photo.

P1150444.JPG

You can also have text and a photo that is clickable.

[![P1150444.JPG](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)Click to make big](https://steemitimages.com/DQmYx1PQgbZbo5PJhkZn7NcoXdjHKdHiFy8twbpR3UkxGXw/P1150444.JPG)

Renders to

P1150444.JPGClick to make big

Thanks for stopping by!

All words and images are mine and can be also found on my various social media sites.
Twitter
YouTube
Twenty20

footer.png

H2
H3
H4
3 columns
2 columns
1 column
13 Comments