HOME | DD

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

Published: 2014-01-13 13:07:34 +0000 UTC; Views: 70940; Favourites: 1281; Downloads: 376
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: 773

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

When pasting the link paste the http and first letter then paste rest. Example:

Whole link 
http://mrcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

1.) Copy and paste
http://m

2.) Then copy paste rest
rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Makes link without url.

👍: 0 ⏩: 1

Nubsies In reply to MrColourEye [2015-03-10 00:27:46 +0000 UTC]

Oooh thanks

👍: 0 ⏩: 1

MrColourEye In reply to Nubsies [2015-03-10 04:39:20 +0000 UTC]

You're welcome. ^^

👍: 0 ⏩: 0

321FacePunch In reply to ??? [2015-01-23 04:01:45 +0000 UTC]

Seriously how the hell do you get this to work? I followed the steps and my Group 5 Fan Button STILL WONT WORK!

👍: 0 ⏩: 1

MrColourEye In reply to 321FacePunch [2015-03-09 17:19:07 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMG in new tab LINK] 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. Make sure its bold. (ctrl B)

Example:
<a href="http://mrcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743">g src="http://fc09.deviantart.net/fs70/f/2015/008/3/a/mrcoloureye_fan_button_by_mrcoloureye-d8d5u4n.png"/>

If you have further questions just ask. ^^

👍: 0 ⏩: 1

321FacePunch In reply to MrColourEye [2015-03-09 19:49:24 +0000 UTC]

I already fixed it. Thank you though

👍: 0 ⏩: 1

VioletPerro16 In reply to 321FacePunch [2015-04-30 18:40:45 +0000 UTC]

Help Me please!

👍: 0 ⏩: 1

321FacePunch In reply to VioletPerro16 [2015-04-30 20:53:55 +0000 UTC]

Sure, PM me. It's really a simple fix.

👍: 0 ⏩: 0

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

Ummm... the code doesn't work.... Can someone make me a code for this button? therumtumtiger.deviantart.com/…

👍: 0 ⏩: 0

TheRumTumTiger In reply to ??? [2015-01-22 20:27:34 +0000 UTC]

Hey maybe someone can make a transparent button gloss shine with out any words so people can use it to make there own buttons.

👍: 0 ⏩: 0

GloGlo92 In reply to ??? [2015-01-21 13:26:57 +0000 UTC]

Hello I have created this botton , soloche not know what the link deviantart and the link of the image , semetto l ' URL does not work !!!!

gloglo92.deviantart.com/art/Da…

👍: 0 ⏩: 0

GloGlo92 In reply to ??? [2015-01-21 13:20:36 +0000 UTC]

4 to link to deviantart what is meant ? of Home ?

👍: 0 ⏩: 0

MrColourEye In reply to ??? [2015-01-19 05:35:06 +0000 UTC]

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

<a href="[DALINK]">

Just replace [DALINK] and [IMG in new tab LINK] 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. Make sure its bold. (ctrl B)

Example:
<a href="http://mrcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743">g src="http://fc09.deviantart.net/fs70/f/2015/008/3/a/mrcoloureye_fan_button_by_mrcoloureye-d8d5u4n.png"/>

If you have further questions just ask. ^^

👍: 0 ⏩: 2

AmythestDiamond In reply to MrColourEye [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 MrColourEye [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


<= Prev | | Next =>