HOME | DD

Amarantheans — Linking Deviants, Devaitions, and Websites on DA

Published: 2016-09-19 00:01:20 +0000 UTC; Views: 2809; Favourites: 20; Downloads: 0
Redirect to original
Description To see this with all of the proper displays please see this file... How to link deviants, deviations, or websites!


I am using deviant arts own help topic found here help.deviantart.com/81/ . I will be expanding upon what they have with examples, to make it easier to understand. Just so you know I am using their outline and explanation, if you would like to know which parts were mine and which are theirs just go to the site above



How can I create links to other deviants, deviations, or websites?There are a few formats you can use, either a link of the users name, displaying the members avatar, or by linking with a personal description. 



Avatar linking
:iconusername: will display the member's or group's avatar as a link to their page. Remember, however, that the limit for posting blocks of avatars is sixty four per post, and this will not work in signatures.



This seems easy enough, here I will use my own name. :iconamarantheans: will give you  



Username linking
:devusername: -or- @username will give you the member's or group's name as a link.



Now if you just want to link the name of the other deviant this will help you out. Basicly it will make a clickable link so that anyone who wants to go directly there can just click on it, and if they have notifications enabled, the deviant that you link with get a message saying that their name was linked.
Both of these will make the same result as you will see...
:devamarantheans:  gives you Amarantheans
@amarantheans gives you Amarantheans  



Text linking
There are HTML tags which can be used to add a link to something everywhere on deviantART. The standard link will show the first part of the URL truncated by an ellipsis (http://deviantart.com/devia…). This is achieved by simply pasting a URL to the page, For example, view one of your images, copy the address down and then just paste it wherever. 

The second method is to use HREF tags (which will NOT work in the shout box) to give your link a name, for example, copy the address to the image down, and then use this format: Name of Image



The first part here is self explanatory, so I will go into more depth on the second part. I will use my own image for an example. I will link you to my most favorited deviation... DA Trophy  and you will get this:  DA Trophy



Image linking
This will work with images that are on DA and on other sites as well.
To link images in your journal please follow the code here, and replace the URL Address and Image URL Address with the proper information: Name of Image




First let's link the picture of the DA Trophy in the example above:

deviantart.com/users/outgoing?… ">



Now to link and image that is off site that cannot be linked with a :thumb: code:


thumbs10.dreamstime.com/x/smil… ">



Before we go on I will explain the difference between the URL address and the Image URL address.
You get the URL Address from the web address bar at the top of your browser, when you are on the deviation you would like to use. (If you are off dA trying to use an item you will need to right click and select "copy address".)
You get the Image URL address when you right click on the image itself and scroll down to "copy image address" and select it.





Deviation linking
To link to images found on deviantART in your journal please visit the deviation page and in the sidebar to the right under the "share" or "details" header please copy the code that starts with ":thumb:". Once you have copied that :thumb: code you can paste it in to your journal and it will automatically generate a thumbnail image for that deviation when the journal is displayed on site.



This is quite simple again lets use my trophy icon:  :thumb519333483:  looks like:

Also if you would like for the image to be larger than the usual thumb try this:
:bigthumb603858821:
Regular :thumb:

Bigger :bigthumb:
:bigthumb603858821:
(heads up this only works in the comments section if you are a core member or have a premium membership, for those of us before core.)


Media embedding
To embed a media widget please use the following code:  profile="video type"id="ID of the video"/>
For example:

  • dA Film:
  • YouTube:
  • Vimeo:
  • Soundcloud:  (Note: That ID is the number after /tracks/ in Soundcloud's own embed code)




This will work in your journals, comments, and widget boxes.
and the first one: 
Looks like this:




Pop up descriptions (tooltips)

You can also add popup descriptions with a dotted underline to your links by using the < acronym>< /acronym> tag, and close using the  tag, the format for this is the following. 

< acronym title="popup text">< a href="link Url">link description< /a>< /acronym>

So the following command;

deviantART FAQ 
would result in the link, deviantART FAQ



If however you wish to use this code without a dotted underline then you need to use the following code below.

deviantART FAQ
which would create the link, deviantART FAQ



Ok lets try this one out with a link to my current contest...What this will cause is a small pop up to, pop up when you put your mouse on the link: in my case it will say "Come Join In On The Collaborative Fun!"
< acronym title="Come Join In On The Collaborative Fun!">< a href="amarantheans. deviantart.com/journal/Awareness-of-the-Arts-Into-The-Stars- 591369580">Awareness of The Arts Contest< /a>< /acronym>

Awareness of The Arts Contest


And for the no line:
< a title="Come Join In On The Collaborative Fun!" href="amarantheans .deviantart.com/journal/Awareness-of-the-Arts-Into-The-Stars- 591369580">Awareness of the Arts Contest< /a>

Awareness of the Arts Contest


(This last part is really not wanting to work in the journal format it keeps rewriting itself, so I had to add spaces throughout the example text, if you would like to copy and paste it from the original article see help.deviantart.com/81/ )




I hope this helps!

Anita/Amarantheans

Related content
Comments: 8

twinethestupididiot [2022-12-18 02:58:08 +0000 UTC]

👍: 0 ⏩: 0

ElectroSkull64 [2017-06-28 12:58:03 +0000 UTC]

Hi, excuse me but, I'm just wondering what if you want to link others to your Tumblr or even Instagram from deviantart? Is there a way to link pages for that kind of thing? ^^

👍: 0 ⏩: 1

Amarantheans In reply to ElectroSkull64 [2017-06-28 21:37:46 +0000 UTC]

lots of people offer icon buttons for tumblr accounts and what not. For example 

http://orig04.deviantart.net/2995/f/2017/027/7/3/tlr_ice_cream_button_by_king_lulu_deer-dawzd5s.png would be for the tumblr one and you would use it in this set up...

<a href="Account URL here">
a> 
Put your account in the first " " then the above button code in the second spot (be sure when you find an icon that you like to let the artist know that you are using it)

don't worry about all of the b-code I just used it so you could see the whole address

👍: 0 ⏩: 1

ElectroSkull64 In reply to Amarantheans [2017-06-29 15:10:59 +0000 UTC]

Alright ^^ thanks for your help.

👍: 0 ⏩: 1

Amarantheans In reply to ElectroSkull64 [2017-06-29 21:01:55 +0000 UTC]

You are welcome 

👍: 0 ⏩: 1

ElectroSkull64 In reply to Amarantheans [2017-06-30 12:11:12 +0000 UTC]

But, does it have to have a button? owo What if I just what to make a thumbnail hyperlink? 

👍: 0 ⏩: 1

Amarantheans In reply to ElectroSkull64 [2017-07-05 09:17:53 +0000 UTC]

It is called a button, just try out the code and see what it gets you... if you need more assistance just let me know

👍: 0 ⏩: 1

ElectroSkull64 In reply to Amarantheans [2017-07-05 12:53:06 +0000 UTC]

Oooh right thanks then ^^ and I will. c:

👍: 0 ⏩: 0