πŸ”Ž How to add a row of clickable pictures with links

in howto β€’Β  7 years agoΒ 

Yesterday I started to add a row of pictures to the bottom of my posts, linked to other pages with more info about a particular subject. Since @agneslaczo wanted to know, how I did this, I thought, this might be a good idea for a post. I'm by no means a computer expert and there are likely better options out there... Just showing what works for me 😁

I started by creating the whole "paragrah" in photoshop as one image. Of course you can use any other suitable application

apdx-1.jpg


With the help of guidlines, I divided that image in 5 individual parts/slices


apdx-2.jpg


apdx-3.jpg


Then I saved the images as individual files


appendix-1b_01.jpg


appendix-1b_02.jpg


appendix-1b_03.jpg


appendix-1b_04.jpg


appendix-1b_05.jpg


Of course none of them has a black edge around them, I added that only to make the edge of the pictures visible here


Next I uploaded the picture to a new post. I do this by simply dragging the picture from the windows explorer into the editor (post creation window) here. Of course there you only see the picture address, once its uploaded. Something like this:


text-1.JPG


in other words (no spaces):


! square bracket nameofyourfile square bracket round bracket internetaddresswherefileisstored round bracket


Now you have to add the links to the pictures. The method resembles the above pattern "file + link"
Put that whole line of text of a picture in square brackets and then (without space) add the link you want to correspond with the picture. The following is the way I did it (best seen in full size)

links.jpg


Notice, there is a new line after the first, and no spaces between the following pictures!





Hope it all made sense. In the end it looks and (hopefully works) like this:



appendix-1b_01.jpg
appendix-1b_02.jpgappendix-1b_03.jpgappendix-1b_04.jpgappendix-1b_05.jpg


pfeil-1-200x88.jpg

View all my pictures I posted here on steemit!
Viewer discretion advised, nsfw pictures visible without warning!


I enjoy reading your comments!

❀
If you like my work, of course I appreciate your upvotes and resteems



All photos/scans by #ReinhardSchmid of my own artwork done in my special technique as introduced in What is Hinterglas?

sig_2013-1-Klein.jpg

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order: Β