Question

10 Followers
7
Profile_pic

How do I add images and links to my club posts?

How do I add images to my club posts?

To add images to your club posts you’ll have to use some basic HTML. HTML is a mark-language used to build the foundation of modern websites and is fairly simple to use.

To add an image, you use the “img” (image) tag and the “src” (source) attribute as follows:

<img src=”image_url_goes_here”>

You’ll need to have a copy of your image somewhere on the web in order for the world to see it.  Fortunately there are a number of websites dedicated to hosting your pictures and they’re often free. I recommend signing up at http://photobucket.com, since it’s free and you can also create and add slideshows to your stories.

After you sign up, you’ll be able to upload your image to photobucket and copy its url by clicking the “Direct Link” text field. You’ll then paste the url between the quotation marksin the above code. It’ll look something like this:

<img src="http://i1258.photobucket.com/albums/ii524/myndroa/images.jpg">

On the clubs page this will look like:

How do I add a link to my post?

To add a link, you can use the “a” (anchor) tag and the “href” (hyperlink reference) attribute:

<a href="url_of_linked_page_here">This is a link</a>

A link can be made to nearly anywhere on the web, just copy the text in your address bar while you’re on the page you wish to link, and paste it between the quotation marks like this:

<a href="http://wattpad.com/">Bring me to Wattpad!</a>

And this will take you to the Wattpad homepage: Bring me to Wattpad!

How do I make a image link to something?

You can do this by adding together the two code snippets above:

<a href="url_of_linked_page”><img src=”url_of_image"></a>

You’d have to replace the value next to href with the page's url, a wattpad image link would look something like this:

<a href="http://wattpad.com"><img src="http//i1258.photobucket.com/albums/ii524/myndroa/images.jpg"></a>

On the clubs, this would look something like:

If you're interested in learning more about HTML, here is just one of many information and tutorial sites available:

http://w3schools.com/html/default.asp

JonOsmond

Please sign in to add your answer.

11 answers

0
Profile_pic

HTML is just the language you use to make things like links and pictures appear in your post. So you'd actually type <a href="http://wattpad.com&quot;> Link to wattpad </a> into your post to make a link to the wattpad homepage. 

JonOsmond
0
5bd844585c3befbd790814f2bfa15a1b?default=https%3a%2f%2fassets.zendesk.com%2fimages%2fframe_user

Whenever I add an image link to the image and post it in a club discussion, it always turns out blank. Help?

Adalwolfa
0
4cdfda0114486d98958b18075adc12a0?default=https%3a%2f%2fassets.zendesk.com%2fimages%2fframe_user

If it turns out blank: Make sure you are putting the HTML Code not the Direct Link. Direct Links turn out blank but the html code lets it show.

Purple_Giraffe
0
99ec2a716b13e65e212e11f2c165cf4e?default=https%3a%2f%2fassets.zendesk.com%2fimages%2fframe_user

Hi, I've followed your instructions, joined photobucket, cut and pasted the direct link between the HTML text which I've typed in myself.

 

(I'm trying to add my book cover to my advert on the pinned discussion for the romance thread.)

 

But then what? What physical action turnes the link into the image

 

For example, when I click return, nothing happens. Will the image automatically appear in the thread when I click on the "Post Comment" button?

 

Help!

cheamcat
0
74bcb6644aec92cdcef55c34da17ea78?default=https%3a%2f%2fassets.zendesk.com%2fimages%2fframe_user

I tried following the guide but I still can't get it. I even posted it and only jibber jabber words came up! I couldn't delete my post so I had to edit it just to ask how do I do it haha... :( I just don't understand it at all :(  It would be nice if someone could help us!

KirstieKelly