Hi!

Here is a few how-to's for personalizing the codes, very basic things!

All of these stuff should be used in Profile content in WYSIWYG turned OFF.

---

How to create clickable link?

The code for creating link is as following:

<a href="URL">NAME</a>

URL - is a place where you paste the address that should lead to after clicking the link.

NAME - is the text that will display as clickable link.

To get the URL address, open the website you'd like to link to. On top bar of your browser there is URL address - usually starts with http://... or https://.. . Hover over the whole address and copy it (right mouse click "Copy" OR click CTRL+C on the keyboard).

Then, paste it instead of the URL text above, between the " and ".

Next, instead of NAME write the text you'd like to appear.

Example:

We want to create link to Google search, with a name "Google Search". The address we'll be using is http://google.com

<a href="URL">NAME</a> -> <a href="http://google.com">Google Search

Outcome:

Google Search

♦ instead of the text (in place of NAME), you can use emoticons or other things!

---

How to add an image?

The code for adding an image is as following:

<img src="SOURCE">

SOURCE - is an URL particular for the image.

It is very important to be sure you have proper image URL!

To get the image URL address, open the website that has your image on it. Then, click right mouse on the image and chose either "Open in new window" or "open in new tab" or something similar. The image should pop-up in new window, and you should see ONLY the image on the website. On top bar of your browser there will be is URL address - usually starts with http://... or https://.. . If you have the proper address, the end of the url should be either .png , .jpg , .jpeg , .gif or .bmp . If not then something is wrong!

Hover over the whole address and copy it (right mouse click "Copy" OR click CTRL+C on the keyboard).

Then, paste it instead of the SOURCE text above, between the " and ".

Example:

We want to create link to the image below. When you right click it and repeat steps from above - so the address we'll be using is https://orig00.deviantart.net/0aa4/f/2017/273/4/7/twitter_by_uszatyarbuz_dbkynpk_by_uszatyarbuz-dbp0awe.png

<img src="SOURCE"> - > <img src="https://orig00.deviantart.net/0aa4/f/2017/273/4/7/twitter_by_uszatyarbuz_dbkynpk_by_uszatyarbuz-dbp0awe.png">

Outcome:

---

How to resize image?

Imply in the code image BEFORE > add the sizes as following:

<img src="URL" width="X" height="Y">

where X and Y should be numbers - these sizes are in PIXELS.

Example:

We want to resize the image from above to 100px width and 120px height

<img src="URL" width="X" height="Y"> -> <img src="https://orig00.deviantart.net/0aa4/f/2017/273/4/7/twitter_by_uszatyarbuz_dbkynpk_by_uszatyarbuz-dbp0awe.png" width="100" height="120">

Outcome:

♦ you can also add sizes and percentage, for example width="50%" height="50%"

♦ you can also use only one dimension, for example <img src="URL" width="135">

---

How to create clickable image?

The code for clickable image is as following:

<a href="URL"><imgsrc="SOURCE"></a>

URL - is a place where you paste the address that should lead to after clicking the image.

SOURCE - is an URL particular for the image.

As you can see it's a combination of codes from above, so repeat steps from sections above:

To get the URL address, open the website you'd like to link to. On top bar of your browser there is URL address - usually starts with http://... or https://.. . Hover over the whole address and copy it (right mouse click "Copy" OR click CTRL+C on teh keyboard).

Then, paste it instead of the URL text above, between the " and ".

To get the image URL address, open the website that has yoru image on it. Then, click right mouse on the image and chose either "Open in new window" or "open in new tab" or something similar. The image should pop-up in new window, and you should see ONLY the image on the website. On top bar of your browser there will be is URL address - usually starts with http://... or https://.. . If you have the proper address, the end of the url should be either .png , .jpg , .jpeg , .gif or .bmp . If not then something is wrong!

Hover over the whole address and copy it (right mouse click "Copy" OR click CTRL+C on teh keyboard).

Then, paste it instead of the SOURCE text above, between the " and ".

Example:

We want to create link to Twitter, using the image from below. The address we'll be using is http://twitter.com , and the address to the image is https://orig00.deviantart.net/0aa4/f/2017/273/4/7/twitter_by_uszatyarbuz_dbkynpk_by_uszatyarbuz-dbp0awe.png

<a href="URL"><img src="SOURCE"></a> -> <a href="http://twitter.com"><img src="https://orig00.deviantart.net/0aa4/f/2017/273/4/7/twitter_by_uszatyarbuz_dbkynpk_by_uszatyarbuz-dbp0awe.png"></a>

Outcome: