How to link deviants, deviations, or websites!
|10 min read
Recommended Journals
Everything You Need To Be An Outstanding dA Member
This journal is about acting like a senior member. Senior members are outstanding members of the community and have been recognized by the site as such. But you don't need a symbol next to your name  to do great things for dA. :thumb312235609: Every deviation thumb here is an article/guide except for the stamps. Each thing is separate link. Support Other DeviantsHelp With Life Forum :thumb605144174::thumb636827742::thumb446386169: Be Kind To Others:thumb601279144::thumb314422729::thumb116446641: Give Comments and CritiquesFind recently posted art in need of critiques here. %ProjectComment (https://www.deviantart.com/projectcomment):iconrising-artists: :thumb183511956::th
How to Make Wicked Features in 7 Steps
Hello there! I'm UszatyArbuz (https://www.deviantart.com/uszatyarbuz) and today I want to tell you how to make your feature look fancy :B It isn't much to dump several thumbnails in a journal and post it - a lot of people will appreciate the feature anyway. But it takes a bit of thought to make people ask themselves "Why is this feature so appealing?". Since I started making features two years ago, I have posted almost 150 features on my personal account, and countless number of them on behalf groups, such as dAWishingWell (https://www.deviantart.com/dawishingwell) , CrazySquad (https://www.deviantart.com/crazysquad) , PixelChallenges (https://www.deviantart.com/pixelchallenges) and All-about-features (https://www.deviantart.com/all-about-features) , each and every in different type and purpose. Here are some of my suggestions and ideas I follow when
Customize your page tutorial
Hello :wave: I have received many questions about how I have customize my profile page, so I thoughts I could try do an step by step tutorial who can explain it :nod: First, I think you need to be Core member for be able use those codes :nod: 1) Choose or create a custombox background that you want to use in your profile. You can search on costumboxes and before you use make sure you read rules for use. 2)  Click on the Edit icon on the widget you want to work with And it will look like this -> 3) Under Box name you put in the name that you want your box to have. In the Content area you paste in this code ( you find the code in this
Featured in collections
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 :D


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




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: <code><a href="Image URL address">Name of Image</a></code>




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... <a href="amarantheans.deviantart.com/art/Da-519333483">DA Trophy</a>  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: <code><a href="URL address"><img src="Image URL address" alt="Name of Image"></a></code>




First let's link the picture of the DA Trophy in the example above:
<a href="amarantheans.deviantart.com/art/Da- 519333483"><img src="https://orig13. deviantart.net/e8f1/f/2015/069/a/1/da_by_amarantheans-d8l74a3.gif"></a>






Now to link and image that is off site that cannot be linked with a :thumb: code:
<a href="http ://www.dreamstime.com/stock-illustration-smile-icon-set-smiley-angry-faces-vector-illustration-image61881275"><img src="https://thumbs10.dreamstime.com/x/smile-icon-set-smiley-angry-faces-vector-illustration-61881275.jpg" alt="smiles"></a>

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:
Da by Amarantheans
Also if you would like for the image to be larger than the usual thumb try this:
:bigthumb603858821:
Regular :thumb:
Yawn by Amarantheans
Bigger :bigthumb:
Yawn by Amarantheans
(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 :( (Sad) 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: <code><b><da:embed</b> <b>profile="</b>video type<b>"id="</b>ID of the video<b>"/></b></code>
For example:
  • dA Film:<b><da:embed profile="film" id="308380200"></b>
  • YouTube: <b><da:embed profile="youtube" id="xKBsTUjd910"></b>
  • Vimeo: <b><da:embed profile="vimeo" id="14803194"></b>
  • Soundcloud: <b><da:embed profile="soundcloud" id="79222021"></b> (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: <b><da:embed profile="youtube" id="xKBsTUjd910"></b>
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;

<acronym title="Read it, learn it, love it."><a href="https://deviantart.com/users/outgoing?faq.deviantart.com">deviantART FAQ</a></acronym> 
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.

<a title="Read it, learn it, love it." href="https://deviantart.com/users/outgoing?faq.deviantart.com">deviantART FAQ</a>
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!
:heart:
Anita/Amarantheans
:iconamarantheans:


Recommended Journals
Everything You Need To Be An Outstanding dA Member
This journal is about acting like a senior member. Senior members are outstanding members of the community and have been recognized by the site as such. But you don't need a symbol next to your name  to do great things for dA. :thumb312235609: Every deviation thumb here is an article/guide except for the stamps. Each thing is separate link. Support Other DeviantsHelp With Life Forum :thumb605144174::thumb636827742::thumb446386169: Be Kind To Others:thumb601279144::thumb314422729::thumb116446641: Give Comments and CritiquesFind recently posted art in need of critiques here. %ProjectComment (https://www.deviantart.com/projectcomment):iconrising-artists: :thumb183511956::th
How to Make Wicked Features in 7 Steps
Hello there! I'm UszatyArbuz (https://www.deviantart.com/uszatyarbuz) and today I want to tell you how to make your feature look fancy :B It isn't much to dump several thumbnails in a journal and post it - a lot of people will appreciate the feature anyway. But it takes a bit of thought to make people ask themselves "Why is this feature so appealing?". Since I started making features two years ago, I have posted almost 150 features on my personal account, and countless number of them on behalf groups, such as dAWishingWell (https://www.deviantart.com/dawishingwell) , CrazySquad (https://www.deviantart.com/crazysquad) , PixelChallenges (https://www.deviantart.com/pixelchallenges) and All-about-features (https://www.deviantart.com/all-about-features) , each and every in different type and purpose. Here are some of my suggestions and ideas I follow when
Customize your page tutorial
Hello :wave: I have received many questions about how I have customize my profile page, so I thoughts I could try do an step by step tutorial who can explain it :nod: First, I think you need to be Core member for be able use those codes :nod: 1) Choose or create a custombox background that you want to use in your profile. You can search on costumboxes and before you use make sure you read rules for use. 2)  Click on the Edit icon on the widget you want to work with And it will look like this -> 3) Under Box name you put in the name that you want your box to have. In the Content area you paste in this code ( you find the code in this
Featured in collections
Comments252
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
BlackFinSwampert's avatar
VERY helpful, thank you much!
StarShineRunner's avatar
StarShineRunnerHobbyist Digital Artist
I wanna ask, since linking images has changed how can I make them work now? Since direct links are stupidly long and its pretty frustrated to work with and nothing works, it just breaks

I use <img src=' ~~~~ ' width=' ~~~~ ' align=' ~~~~ '/> (the ~ being placeholders)
linux-rules's avatar
linux-rulesHobbyist Artist
I use archive.is to get a url that is not exhaustingly long. see: archive.is/nagN1/cf48002f72775…
Amarantheans's avatar
AmarantheansHobbyist General Artist
I will look into it... I am not the best at coding and the reason I made this is because it frustrates me so (I refer back to it often, myself)... UszatyArbuz is always who I go to with issues, she may still be on holiday though.
CreamedSteam's avatar
CreamedSteamStudent General Artist
:iconCreamedSteam
Testing, hello, 123.
jimmyhook19202122's avatar
jimmyhook19202122Student General Artist
Can y'all help my friend :iconxxsolarmoonclipsexx: for me? She needs helps finding out how to link the fan buttons she did for me recently ^^;
XxSolarMoonclipsexX's avatar
XxSolarMoonclipsexXHobbyist Artist
also i'm a dude not a she
Amarantheans's avatar
AmarantheansHobbyist General Artist
:giggle: that is why it is best to just write they/their unless you know for sure :D
jimmyhook19202122's avatar
jimmyhook19202122Student General Artist
Doh! 
XxSolarMoonclipsexX's avatar
XxSolarMoonclipsexXHobbyist Artist
idk where to find the codes idk how Amarantheans found the code my just leave discord.
Amarantheans's avatar
AmarantheansHobbyist General Artist
I am magical Stare contest : nope (Viktor wand) 
Amarantheans's avatar
AmarantheansHobbyist General Artist
deviantART Fan Button by ButtonsMaker

If you click on the above link the instructions are in the description
jimmyhook19202122's avatar
jimmyhook19202122Student General Artist
Okie.
Amarantheans's avatar
AmarantheansHobbyist General Artist
Basically the code below would work to make this button work 

Shooting Star Shine Fans Button by XxSolarMoonclipsexX


<a href="https://www.deviantart.com/xxsolarmoonclipsexx/art/Shooting-Star-Shine-Fans-Button-796388572"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cdbe1eca-ea41-43bd-b87a-83be3307acdf/dd65dcs-3ca59fce-6955-4c4c-9f79-a8f1fca4d21c.png"/></a>

The a href= precedes the actual address in the address bar at the top of the page when opened and the img src= would be the address when you right click the image and select the "copy image address" and cut off everything after the .png



I also made this comment to the creator on this deviation as well as instructions for them to use
Amarantheans's avatar
AmarantheansHobbyist General Artist
I was looking on their profile and the problem is that they are all in a bunch and not individual like the other ones
XxSolarMoonclipsexX's avatar
XxSolarMoonclipsexXHobbyist Artist
how did you even find the code i can't find them
Amarantheans's avatar
AmarantheansHobbyist General Artist
You get the URL Address (the first one) 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 (the second one) when you right click on the image itself and scroll down to "copy image address" and select it.... you would then just delete everything after .png
JFishburn's avatar
JFishburnProfessional Digital Artist
How can I get a little instagram logo linking to my account.
Amarantheans's avatar
AmarantheansHobbyist General Artist
There are many people that make the logo like this one  Instagram by Th3EmOo  and the instructions to use it are in the artist comments

Sorry for my delay in answering
JFishburn's avatar
JFishburnProfessional Digital Artist
No problem. I got it working okay. Thanks anyway :D
RazorRex's avatar
RazorRex General Artist
What's the code to for reposting a someone else's status update?
Amarantheans's avatar
AmarantheansHobbyist General Artist
There is no thumb style to do it you would have to do what is up under "Text Linking" but just use the web address on the status and make your own title or duplicate theirs on their status

For example:
<code><a href="https://www.deviantart.com/iakobbaz/status/17868232">Iakobbaz's Daily Feature #131</a></code>

Will give you:
Iakobbaz's Daily Feature #131

Sorry my reply took so long
RazorRex's avatar
RazorRex General Artist
Your fine and thanks.
nannynunu's avatar
nannynunuHobbyist General Artist
What's the code to make a word clickable in a deviation description?

This works in comments:
BID HERE

but I insert in my deviation description, and it doesn't work.
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved