HOME | DD

Amarantheans — How to link deviants, deviations, or websites!
#link #linking #tutorial #howtolink #linkingdeviants #linkingdeviations #linkingwebsites #linkingonda #dalinking #howtolinkdeviations #howtolinkdeviants #howtolinkwebsites
Published: 2016-04-28 15:01:37 +0000 UTC; Views: 142260; Favourites: 708; Downloads: 0
Redirect to original
Description body div#devskin12868580 div.gr-box { } body div#devskin12868580 .gr1 { display:none; } body div#devskin12868580 .gr2 { display:none; } body div#devskin12868580 .gr3 { display:none; } body div#devskin12868580 i.tri { display:none; } body div#devskin12868580 i i { display:none; } body div#devskin12868580 div.gr-top { padding:-1px; } body div#devskin12868580 div.gr-top div.gr { margin:-3px; margin-top:-5px; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-color:#fff; background-position:0px -10px; padding-top:50px; text-align:center; padding-bottom:20px; padding-left:10px; } body div#devskin12868580 div.gr-top h2 a { line-height:2; color:#333; text-align:center; text-decoration:none; font-size:26px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-weight:bold; } body div#devskin12868580 div.gr-top h2 a:hover { color:#e2e2e2; } body div#devskin12868580 div.gr-top span { font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-size:14px; color:#333; } body div#devskin12868580 div.gr-top h2 img { display:none; } body div#devskin12868580 div.gr-body { padding:-1px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; color:#333; border:none; } body div#devskin12868580 div.gr-body .gr { padding-top:30px; border:none; padding-left:0px; background:#fff; } body div#devskin12868580 div.grf-indent { } body div#devskin12868580 div.gr-body .text { text-shadow:#efefef 0px 1px 0px; font-size:14px; margin-bottom:-50px; } body div#devskin12868580 div.gr-body .text a { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; color:#00A9E0; background-position:0px 18px; text-decoration:none; text-shadow:none; } body div#devskin12868580 div.gr-body .text a:hover { background-position:-300px 17px; color:#00A9E0; } body div#devskin12868580 div.gr-body .text strong, body div#devskin12868580 div.gr-body .text b { } body div#devskin12868580 div.text a.thumb img { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png); background-position:-500px -10px; padding-bottom:4px; } body div#devskin12868580 div.text a.thumb:hover img { border:1px solid grey; } body div#devskin12868580 div.text ul { margin:0; } body div#devskin12868580 div.text ul li { } body div#devskin12868580 div.text ul br { display:none; } body div#devskin12868580 div.gr-body .bottom { background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px 75px; height:50px!important; margin-bottom:-30px; text-align:center; padding:30px; } body div#devskin12868580 div.gr-body .bottom a { color:#333; text-decoration:none; font-size:20px; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px 26px; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; } body div#devskin12868580 div.gr-body .bottom a:hover { background-position:-300px 26px; } body div#devskin12868580 ul.list { display:none; } body div#devskin12868580 ul.list li.f { display:none; } body div#devskin12868580 body ul.list li.a { display:none; } body div#devskin12868580 ul.list li.f strong { display:none; } body div#devskin12868580 ul.list li.f img { display:none; } body div#devskin12868580 blockquote { border-left:7px solid #00A1CB; background-position:center-bottom; padding:10px; color:#6F7D7E; font-size:20px; text-shadow:none; font-family:Palatino Linotype, Book Antiqua3, Palatino, serif; font-weight:bold; } body div#devskin12868580 hr { border:none; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png); height:3px; background-position:-300px 0px; border-bottom:1px solid #FFF; margin:18px -18px -15px -38px; } body div#devskin12868580 h3 { font-size:18px; border-right:700px solid #E54028; border-left:20px solid #E54028; color:#E54028; height:30px!important; width:300px; text-align:left; text-shadow:none; padding:5px; padding-top:10px; padding-left:25px; padding-right:125px; margin:18px -18px 20px -38px; } body div#devskin12868580 b { color:#00A1CB; } body div#devskin12868580 ul { background-image:url(https://fc06.deviantart.net/fs70/o/2012/225/3/6/320838601_458018_bullet_by_cartondock-d5b0l8t.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:23px; } body div#devskin12868580 h4 { font-size:18px; border-right:700px solid #61AE24; border-left:20px solid #61AE24; color:#61AE24; height:30px!important; width:300px; text-align:left; text-shadow:none; padding:5px; padding-top:10px; padding-left:25px; padding-right:125px; margin:18px -18px 20px -38px; } body div#devskin12868580 .specialbox { padding:15px; margin:10px; background:#EFF4F7; background:url(https://fc07.deviantart.net/fs70/o/2012/225/8/9/320838601_458017_bc_by_cartondock-d5b0c4u.png) no-repeat; background-position:0px -10px; border:1px solid #E54028; border-top:none; padding-top:25px; color:#333; text-align:left; text-shadow:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

PLEASE NOTE THESE DO NOT WORK ON THE CURRENT FORMAT OF DA ECLIPSE

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:





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





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:

(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.)Now thumb codes work for everyone! Thumbnails in Comments Now Available to Everyone

Note:  Regrettably, though it is allowed for you to use thumb codes and such in the comments and on your journals it is unfortunate that it is a core exclusive when it comes to adding them to a deviation description  You can always make a complaint to the help desk to hopefully get DA to amend its ways. Here is the link: help.deviantart.com/contact/?t…



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: 335

WildlineProductions In reply to Amarantheans [2018-09-30 20:29:28 +0000 UTC]

Many thanks

👍: 0 ⏩: 1

Amarantheans In reply to WildlineProductions [2018-09-30 20:39:34 +0000 UTC]

You are welcome.

👍: 0 ⏩: 0

3Y3TOY [2018-09-10 21:50:08 +0000 UTC]

Hello and thanks for this journal! I have a little question, i know how to link a deviant with @ like Amarantheans but how do you do it with group name? (it would appear like a link with the small house...)

👍: 0 ⏩: 1

Amarantheans In reply to 3Y3TOY [2018-09-11 19:15:46 +0000 UTC]

CollaborativeMinds the same exact way You can link their icon with :icon collaborativeminds: no spaces to get this same as with a deviant icon

👍: 0 ⏩: 1

3Y3TOY In reply to Amarantheans [2018-09-12 04:41:42 +0000 UTC]

CollaborativeMinds it works with @! I'm dumb, I tried it but I mispelled the group name while typing...
Thank you

👍: 0 ⏩: 1

Amarantheans In reply to 3Y3TOY [2018-09-13 12:50:35 +0000 UTC]

You are not dumb... they never make any of this clear

👍: 0 ⏩: 0

Venommocity [2018-08-14 21:19:22 +0000 UTC]

Hi and thank you so much for making this! I had a question about text here this link. I've been using it for a while now and I was just recently given core. Now with core membership, whenever I paste the URL address it shows a thumbnail of the picture (which doesn't happen without core) and when I update the deviation the link doesn't take me anywhere. It just scrolls back up to the top of my page, which is a little frustrating  

I also tried the link/code that you had in your artist comment that's titled "Image linking," but that one didn't work for me. I was just wondering if this code no longer works for core members?

Before it worked perfectly fine and I'd be able to link the deviation while giving the link its own name so the URL itself doesn't show up. I hope this wasn't confusing and thank you again for making this  

👍: 0 ⏩: 1

Amarantheans In reply to Venommocity [2018-08-15 00:06:16 +0000 UTC]

Could you please link me to a deviation or explain to me which of your boxes on your page is giving you the problem so I can look at it to figure out what is going on.

👍: 0 ⏩: 1

Venommocity In reply to Amarantheans [2018-08-15 00:30:16 +0000 UTC]

Thank you so much for responding! I really appreciate it <3 I actually figured out another way to do it, and thankfully it worked. Thank you for the help  

👍: 0 ⏩: 1

Amarantheans In reply to Venommocity [2018-08-15 01:22:00 +0000 UTC]

I am glad the article could help and I am glad you figured it out.

👍: 0 ⏩: 1

Venommocity In reply to Amarantheans [2018-08-15 01:28:32 +0000 UTC]

Thank you so much again <3

👍: 0 ⏩: 1

Amarantheans In reply to Venommocity [2018-08-15 01:33:16 +0000 UTC]

No problem

👍: 0 ⏩: 1

Venommocity In reply to Amarantheans [2018-08-15 20:06:06 +0000 UTC]

 

👍: 0 ⏩: 0

PrincessCelestia362 [2018-07-13 00:00:50 +0000 UTC]

Hey Anita what's up bestfriend how are you feeling today my good dear BFF friend please tell me okay Anita okay my dear. Hey Anita can I've really asked you an one question um can you please follow of one of the 3 most beautiful girls named and Mellorineeee okay Anita. 

👍: 0 ⏩: 1

Amarantheans In reply to PrincessCelestia362 [2018-07-13 03:19:06 +0000 UTC]

I generally only follow people I chose to. I hope all of your questions were answered

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-12 02:34:57 +0000 UTC]

But Anita excuse me can I've really asked you another question um what if I've go to this website called the www.deviantartsupport.com/en/a… might worked of one of my DeviantArt Account Channel named Mellorineeee and would see my Happy Late Birthday Gift for the Mellorineeee for the girls do you think that they will see of one of my Happy Late Birthday Gift drawings for the Mellorineeee please tell me okay Anita okay. 

👍: 0 ⏩: 1

Amarantheans In reply to PrincessCelestia362 [2018-07-12 20:13:53 +0000 UTC]

The link that I shared with you instructs you on how to submit your works to deviant art. If you submit this work that you are speaking of, all you need to do is tag your friend in the artist comment section and they would see that it is for them. (To tag them do the same that you are doing in these). If you wish that only they see the art you should just submit it to your sta.sh (I sent you a link on how to do that already) You can add a link in the comments there but it will not defiantly notify them. This person could also have their notifications turned off. The best way for them to defiantly get your dedication is for you to send them a note on their profile with a link to the artwork.

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-12 02:34:06 +0000 UTC]

But Anita excuse me can I've really asked you another question um what if I've go to this website called the www.deviantartsupport.com/en/a… might worked of one of my DeviantArt Account Channel named Mellorineeee  and world see my Happy Late Birthday Gift for the Mellorineeee for the girls do you think that they will see of one of my Happy Late Birthday Gift drawings for the Mellorineeee please tell me okay Anita okay. 

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-11 02:56:19 +0000 UTC]

But Anita um excuse me can I've really asked you another question for you Anita um what if I've post an drawing for one of my DeviantArt Account Channel for my friend's names are called and Mellorineeee to see one of my drawings for them but it didn't worked at all Anita what if my friends name and Mellorineeee won't see my drawing that I've really did for them please help me okay Anita okay. 

👍: 0 ⏩: 1

Amarantheans In reply to PrincessCelestia362 [2018-07-12 01:11:44 +0000 UTC]

www.deviantartsupport.com/en/a…
Maybe this is what you are looking for?

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-09 23:29:50 +0000 UTC]

Hey Anita what's up bestfriend how are you feeling today my good dear BFF friend please tell me okay Anita okay my dear. Hey Anita can I've asked you an one question um here's the example is that I've really used for my friend's DA Account Channel Icon when I've was trying to post my drawing for my friend for and Mellorineeee but it didn't show up at my DA Account Channel Drawings that I've really upload it what did I've do wrong please help me okay Anita okay my dear. 

👍: 0 ⏩: 1

Amarantheans In reply to PrincessCelestia362 [2018-07-11 00:21:48 +0000 UTC]

To upload an item into your sta.sh check out this:   Simple Sta.sh Tutorial  

Then from there to submit it to da just click on the submit to da button.

If you are trying to add an icon to your account go to your upper right side of your page and roll the pointer over your name scroll down to settings and click it.  The top box will allow you to change your icon. All you have to do is select change your avatar go to upload image... the image must be 50 x 50 pixels. Then click save.

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-09 23:04:57 +0000 UTC]

Hey Anita what's up bestfriend how are you feeling today my good dear BFF friend please tell me okay Anita okay my dear. Hey Anita can I've asked you an one question um I've was trying to upload my picture at my DA Account Channel but of my friend's at my DA Account Channel Icons didn't show up at one of my drawings but what did I've do wrong please help me okay Anita okay my dear. 

👍: 0 ⏩: 0

PrincessCelestia362 In reply to ??? [2018-07-07 20:35:01 +0000 UTC]

That's so totally superb duper pretty good-looking and totally pretty sexy vampire-looking too as well.

👍: 0 ⏩: 1

Amarantheans In reply to PrincessCelestia362 [2018-07-08 03:17:17 +0000 UTC]

glad you enjoyed it...

👍: 0 ⏩: 0

LittleJena [2018-06-26 23:07:06 +0000 UTC]

Could you help me to get a link to watch me and note me?

👍: 0 ⏩: 1

Amarantheans In reply to LittleJena [2018-06-29 03:42:00 +0000 UTC]

 Here is another tutorial that goes through that with the journal skins

👍: 0 ⏩: 1

LittleJena In reply to Amarantheans [2018-06-29 18:52:29 +0000 UTC]

thank you!

👍: 0 ⏩: 0

Maverick471 In reply to ??? [2018-06-19 18:51:35 +0000 UTC]

How do you link your own or other's art in the description of your deviation?

👍: 0 ⏩: 1

Amarantheans In reply to Maverick471 [2018-06-19 21:20:19 +0000 UTC]

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.

OR

link the picture:



These can only be used by premium members, if you are not premium just copy and past the url for the deviation you wish to link.

👍: 0 ⏩: 1

Maverick471 In reply to Amarantheans [2018-06-20 15:33:22 +0000 UTC]

Thank you.

👍: 0 ⏩: 0

River-Birch [2018-04-10 02:33:40 +0000 UTC]

but what if I just wanted to make a hyperlink to a video, not embed it?

👍: 0 ⏩: 2

Amarantheans In reply to River-Birch [2018-04-10 11:03:54 +0000 UTC]

What you wish to call it here< /a>
Just remove the spaces after https: and ?

👍: 0 ⏩: 0

River-Birch In reply to River-Birch [2018-04-10 02:36:22 +0000 UTC]

nevermind =~= copypasting from the dev-art never bloody helps, i just gotta retype it all.
*BLECH*

👍: 0 ⏩: 0

JB-Warped In reply to ??? [2018-04-06 03:33:20 +0000 UTC]

Oh my god this is so much more helpful then DA's Help section. I actually get it. Thank you so much. I've been trying to figure this out for months now. You're a total life saver

👍: 0 ⏩: 1

Amarantheans In reply to JB-Warped [2018-04-10 11:04:37 +0000 UTC]

I am so happy that this clarified things for you.

👍: 0 ⏩: 0

CyndraStar In reply to ??? [2018-03-11 21:28:53 +0000 UTC]

Oh my goodness I finally got the text linking!! seriously, I looked at 3 other explanations (including DA's) and followed those instructions, but they would not work!
So thank you so much for describing the process here and offering the lines of code along with examples!

👍: 0 ⏩: 1

Amarantheans In reply to CyndraStar [2018-03-12 02:09:27 +0000 UTC]

It is my pleasure! This is my most loved article. It took forever for me to grasp it when I started on the site, I am sure some of my early friends wanted to strangle me. I looked through example after example on here and it all just pulled me in circles. So when I finally got it, I figured I should dumb it down a bit and actually give examples with what you can expect.

👍: 0 ⏩: 0

Dark-Anmut [2018-02-25 05:59:19 +0000 UTC]

I could NEVER get the text linking (where you have the font that goes to the link, rather than just the link) until I ⌘+C'd the one on here. The one on the actual FAQ's doesn't seem to work, for some odd reason... *Goes back to fix up multiple shotty-looking links*

👍: 0 ⏩: 1

Amarantheans In reply to Dark-Anmut [2018-03-01 13:05:23 +0000 UTC]

So happy I was able to explain them better. DA is good at letting you know how to do things but their explanations are lacking

👍: 0 ⏩: 0

MikahFricz In reply to ??? [2018-02-20 07:48:06 +0000 UTC]

Hello! I don't know if you can help me with this doubt but I want to upload my art portfolio like this

👍: 0 ⏩: 2

Amarantheans In reply to MikahFricz [2018-02-20 12:30:21 +0000 UTC]

You can link your art portfolio by using a picture or button. Here is a free button resource: Big Curvy buttons  It allows you to write in the name of what you will be linking it to. There are also many pay to use coding too like:  Custom box: Hex button directory (CSS)
I use several buttons on my profile page if you would like to see how they work it is on my profile. There are also many resources that allow you to link other social media platforms to your page like: Social Media Bookmark Icon +  

I hope this is what you are looking for.

👍: 0 ⏩: 0

MikahFricz In reply to MikahFricz [2018-02-20 07:50:04 +0000 UTC]

(Sorry, it sent before time) like this kind of file orig05.deviantart.net/07f6/f/2… but I have not idea of how to do so :T

👍: 0 ⏩: 1

Amarantheans In reply to MikahFricz [2018-02-20 12:38:06 +0000 UTC]

I am not really sure what it is that you linked but I hope the buttons work, you can also create your own image and use it as a button.

👍: 0 ⏩: 0

Edahel In reply to ??? [2018-02-17 09:05:51 +0000 UTC]

I would like to add several links to my different websites on the widget DeviantID, but when I use the href code it doesn't work, the link just disappeared, and when I go to edit it, I see a http:/ appreared at the begining of the code... I don't understand, if someone could help me I would be very happy !

👍: 0 ⏩: 1

Amarantheans In reply to Edahel [2018-02-17 14:03:51 +0000 UTC]

The code only works for Core members... there are some items that will work though... just search for non-core skins

👍: 0 ⏩: 0

yellysisouda In reply to ??? [2018-02-14 10:44:39 +0000 UTC]

Hello, do you know how to make an image in custom box a link?too.  To another website? Like, when you click a deviation in the custom box, it’ll direct you another site

👍: 0 ⏩: 1

Amarantheans In reply to yellysisouda [2018-02-14 12:58:53 +0000 UTC]

Here is a icon that has the instructions on how to do that down in the deviation comments

👍: 0 ⏩: 1

yellysisouda In reply to Amarantheans [2018-02-15 09:19:44 +0000 UTC]

yeah, kind like this. but, can we make our own thumbnail? and put our own link. that's really helped alot tho.

👍: 0 ⏩: 1


<= Prev | | Next =>