HOME | DD

ButtonsMaker — Button Code Tutorial (READ MY DESCRIPTION, PLEASE)

Published: 2014-01-13 13:07:34 +0000 UTC; Views: 64800; Favourites: 1263; Downloads: 370
Redirect to original
Description

Alright everyone, I give you a tutorial for the button code! so here there we gooooo!

Button Code Tutorial:
<a href="deviantART link">mg src="IMG link"/></a>

deviantART link example:
http://requestbuttons.deviantart.com/art/RequestButtons-Fan-Button-378142149

IMG Link example:
(Right click > Open image in new tab)

http://fc05.deviantart.net/fs70/f/2013/166/e/b/requestbuttons_fan_button_by_requestbuttons-d694wcl.png

To stop the code from glitching and making a shortened link, add or or or between any two letters in the 'http' part of the button links.

Like what I did:http://requestbuttons.deviantart.com/art/RequestButtons-Fan-Button-378142149

(both deviantART link and IMG link)

Enjoy and hope this will be helpful...!

Related content
Comments: 760

AmythestDiamond In reply to ??? [2015-03-09 03:36:18 +0000 UTC]

Um, I think I did it right but it won't show up on my page:
<a href="http://amythestdiamond.deviantart.com/art/AD-The-Pony-Fan-Button-518990007">"http://fc02.deviantart.net/d075/f/2015/067/0/6/06b45c37e119a14b886c6c54ab4e1297-d8kzr93.png"/>

👍: 0 ⏩: 1

MrColourEye In reply to AmythestDiamond [2015-03-09 17:27:06 +0000 UTC]

Wrong links or wrong size button. 

👍: 0 ⏩: 1

AmythestDiamond In reply to MrColourEye [2015-03-09 23:22:51 +0000 UTC]

The tutorial above didn't say anything about size ;n;
I don't understand

👍: 0 ⏩: 1

MrColourEye In reply to AmythestDiamond [2015-03-09 23:43:05 +0000 UTC]

There are templates on DA. Here is a good one:
lumiresources.deviantart.com/a…

👍: 0 ⏩: 1

AmythestDiamond In reply to MrColourEye [2015-03-10 00:05:45 +0000 UTC]

Yeah I used it for this: 
I just needed to figure out the code because when I try to post it on my profile, it doesn't show up

👍: 0 ⏩: 0

TheRumTumTiger In reply to ??? [2015-01-22 21:14:48 +0000 UTC]

Ummm... it still doesn't work. It still make a short link. Here is my button I want to do. therumtumtiger.deviantart.com/…

👍: 0 ⏩: 0

ShadowXenMaricat In reply to ??? [2015-01-17 06:20:05 +0000 UTC]

<a href="www.youtube.com/watch?v=dQw4w9… ">

👍: 0 ⏩: 0

adagiodazzlestar In reply to ??? [2015-01-16 22:38:08 +0000 UTC]

Hidden by Commenter

👍: 0 ⏩: 1

IcyBreeze8 In reply to adagiodazzlestar [2015-01-19 03:04:13 +0000 UTC]

Right click > Open image in new tab

👍: 0 ⏩: 0

SimonaKs5 In reply to ??? [2015-01-16 16:23:16 +0000 UTC]

Thx for making this

👍: 0 ⏩: 0

PuffedBlueRose123 In reply to ??? [2015-01-16 06:57:15 +0000 UTC]

<a href="puffedbluerose123.deviantart.c… ">puffedbluerose123.deviantart.c… "/>

👍: 0 ⏩: 0

PuffedBlueRose123 In reply to ??? [2015-01-16 06:50:36 +0000 UTC]

puffedbluerose123.deviantart.c… ">puffedbluerose123.deviantart.c… "/>

👍: 0 ⏩: 0

ariluvbubble In reply to ??? [2015-01-14 10:24:57 +0000 UTC]

<a href="http://xxarianagrandefanxx.deviantart.com/art/Cat-Valentine-s-speech-on-Gambling-506196030">mg src="http://fc02.deviantart.net/fs70/f/2015/010/a/2/cat_valentine_s_speech_on_gambling_by_xxarianagrandefanxx-d8ddjcu.jpg"/></a>

👍: 0 ⏩: 0

MrColourEye In reply to ??? [2015-01-11 15:47:25 +0000 UTC]

l'm gonna make this really easy for everyone.
Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links. 

For those who have the blue shorten link what I find helps is just cut and paste links at random spots or type whole thing out.
I find that using: http:// in the links doesn't work. 

If you have further questions just ask. ^^

👍: 0 ⏩: 1

ponyzilla In reply to MrColourEye [2015-01-18 03:21:55 +0000 UTC]

i have no idea what an image link is.

👍: 0 ⏩: 1

MrColourEye In reply to ponyzilla [2015-01-18 16:47:24 +0000 UTC]

right click, open img in new tab 
Exp:
fc09.deviantart.net/fs70/f/201…

👍: 0 ⏩: 1

ponyzilla In reply to MrColourEye [2015-01-19 05:20:45 +0000 UTC]

oh! okay thanks lol  

👍: 0 ⏩: 1

MrColourEye In reply to ponyzilla [2015-01-19 05:31:54 +0000 UTC]

You're welcome. ^^

👍: 0 ⏩: 1

ponyzilla In reply to MrColourEye [2015-01-19 09:04:56 +0000 UTC]

👍: 0 ⏩: 0

ariluvbubble In reply to ??? [2015-01-11 00:45:53 +0000 UTC]




src="h
ttp://fc03.deviantart.net/fs71/f/2015/010/2/8/ariana_grande_fanbutton_by_alwayeatgoldapple-d8dbn8q.jpg"/>




why won't it work

👍: 0 ⏩: 1

MrColourEye In reply to ariluvbubble [2015-01-11 20:17:19 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links. 

For those who have the blue shorten link what I find helps is just cut and paste links at random spots or type whole thing out.
I find that using: http:// in the links doesn't work. 

If you have further questions just ask. ^^

👍: 0 ⏩: 1

ariluvbubble In reply to MrColourEye [2015-01-11 23:34:31 +0000 UTC]

Thanks for the help 

👍: 0 ⏩: 0

ariluvbubble In reply to ??? [2015-01-11 00:40:42 +0000 UTC]

<a href="http://alwayeatgoldapple.deviantart.com/art/Ariana-grande-fanbutton-506107754">





👍: 0 ⏩: 0

CRObandit In reply to ??? [2015-01-10 11:55:35 +0000 UTC]

<a href="ht tp://crobandit.deviantart.com/art/Spark-Light-Elemental-505914971">mg src="[fc06.deviantart.net/fs70/i/201… ]"/></a>

👍: 0 ⏩: 1

MrColourEye In reply to CRObandit [2015-01-11 20:17:45 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links. 

For those who have the blue shorten link what I find helps is just cut and paste links at random spots or type whole thing out.
I find that using: http:// in the links doesn't work. 

If you have further questions just ask. ^^

👍: 0 ⏩: 1

TheRumTumTiger In reply to MrColourEye [2015-01-22 21:55:27 +0000 UTC]

Doesn't work. You said to type the links but it still shows in blue. Also where do i cut and paste links? 

👍: 0 ⏩: 1

MrColourEye In reply to TheRumTumTiger [2015-01-22 22:20:42 +0000 UTC]

It seems you got it right.

👍: 0 ⏩: 1

TheRumTumTiger In reply to MrColourEye [2015-01-23 00:05:53 +0000 UTC]

Yea I fixed it.

👍: 0 ⏩: 0

Nitanyy In reply to ??? [2015-01-10 07:29:53 +0000 UTC]

<a href="toxicating-love.deviantart.com… ">toxicating-love.deviantart.com… "/>

👍: 0 ⏩: 0

Nitanyy In reply to ??? [2015-01-10 07:26:29 +0000 UTC]

 
<a href=toxicating-love.deviantart.com… >mg src=toxicating-love.deviantart.com… /></a>

👍: 0 ⏩: 0

AmythestDiamond In reply to ??? [2015-01-09 04:49:06 +0000 UTC]

<a href="[ ]">fc02.deviantart.net/fs71/f/201… "/>

👍: 0 ⏩: 0

adagiodazzlestar In reply to ??? [2015-01-07 17:41:44 +0000 UTC]

ITS SO HARD TO DO 

👍: 0 ⏩: 0

adagiodazzlestar In reply to ??? [2015-01-07 17:27:46 +0000 UTC]

<a href="www.deviantart.com/art/The-Daz… ">mg src="IMG link"/></a>

👍: 0 ⏩: 1

MrColourEye In reply to adagiodazzlestar [2015-01-11 20:18:32 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links. 

For those who have the blue shorten link what I find helps is just cut and paste links at random spots or type whole thing out.
I find that using: http:// in the links doesn't work. 

If you have further questions just ask. ^^

👍: 0 ⏩: 1

SugoiMiko In reply to MrColourEye [2015-01-14 01:18:08 +0000 UTC]

question, isnt there a way to make the buttons smaller?

👍: 0 ⏩: 1

MrColourEye In reply to SugoiMiko [2015-01-14 04:06:09 +0000 UTC]

Yes use the Thumb Examples:
small :thumb463939288: medium :bigthumb463939288:

👍: 0 ⏩: 1

SugoiMiko In reply to MrColourEye [2015-01-14 20:27:56 +0000 UTC]

thanks!

👍: 0 ⏩: 0

adagiodazzlestar In reply to ??? [2015-01-07 17:25:34 +0000 UTC]

<a href=encrypted-tbn2.gstatic.com/ima… >mg src="IMG link"/></a>

👍: 0 ⏩: 0

crazautiz In reply to ??? [2015-01-07 03:28:37 +0000 UTC]

FINALLY GOT IT FIGURED OUT!!!

👍: 0 ⏩: 0

MrColourEye In reply to ??? [2015-01-03 18:52:25 +0000 UTC]

l'm gonna make this really easy for everyone. Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links.
You're welcome.

👍: 0 ⏩: 1

Nitanyy In reply to MrColourEye [2015-01-10 07:35:43 +0000 UTC]

What am i doing wrong? I got the pic link and my profile link but it isnt working..  
<a href="toxicating-love.deviantart.com… ">toxicating-love.deviantart.com… "/> 

👍: 0 ⏩: 1

Nitanyy In reply to Nitanyy [2015-01-10 07:42:24 +0000 UTC]

Nvm figured it out!  : D

👍: 0 ⏩: 0

starshames In reply to ??? [2014-12-22 03:48:32 +0000 UTC]

FINALLY FIGURED IT OUT 
<a href="http://nikkikittyx.deviantart.com/art/Stormstar-fan-501725346">

But yeah here's the button: fav.me/d8appr6

👍: 0 ⏩: 0

crazautiz In reply to ??? [2014-12-21 02:42:37 +0000 UTC]

Okay I made a button on Paint.net:

crazautiz.deviantart.com/art/G…

I just need to figure out how to code it....

👍: 0 ⏩: 1

crazautiz In reply to crazautiz [2014-12-21 03:39:24 +0000 UTC]

Nevermind, I got it.

👍: 0 ⏩: 0

crazautiz In reply to ??? [2014-12-21 01:45:01 +0000 UTC]

Where do you put the code?

👍: 0 ⏩: 1

MrColourEye In reply to crazautiz [2015-01-03 18:53:03 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMGLINK] with the links. 
You're welcome.

👍: 0 ⏩: 1

crazautiz In reply to MrColourEye [2015-01-03 19:15:51 +0000 UTC]

Thanks, but I my code then says wytiwyg="1" somewhere in it. No idea if it's glitching or not. That's why I haven't been putting codes in any of the buttons I make.

I tell people to remove that, and it works out, but I don't want to make more work for them. Something tells me it should be as simple as copy and paste just like ButtonsMaker.

👍: 0 ⏩: 1

MrColourEye In reply to crazautiz [2015-01-03 19:33:00 +0000 UTC]

I think its glitching or you did it wrong it works for me. Easier way is using big thumb
Exp:
:bigthumb504633968:

[Note]This does make it a bit smaller.

👍: 0 ⏩: 1

crazautiz In reply to MrColourEye [2015-01-03 19:38:08 +0000 UTC]

Well the one I started out with was too big. I made this button: crazautiz.deviantart.com/art/G…

I kinda didn't know what the right size was, but I figured it out in my second button.

So yeah, I try out the other ones and see it they work. If so, I'll have to make a V2 of my first one.

👍: 0 ⏩: 1


<= Prev | | Next =>