HOME | DD

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

Published: 2014-01-13 13:07:34 +0000 UTC; Views: 64795; 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

Tylerzila In reply to ??? [2015-09-15 22:06:53 +0000 UTC]

 

👍: 0 ⏩: 1

Shadow-Patch In reply to Tylerzila [2015-09-16 16:03:27 +0000 UTC]

Lol XD  Shocked confirmed 

👍: 0 ⏩: 1

Tylerzila In reply to Shadow-Patch [2015-09-16 18:23:26 +0000 UTC]

XD  

👍: 0 ⏩: 1

Shadow-Patch In reply to Tylerzila [2015-09-16 18:57:24 +0000 UTC]

XDDD

👍: 0 ⏩: 1

Tylerzila In reply to Shadow-Patch [2015-09-17 21:23:29 +0000 UTC]

 

👍: 0 ⏩: 1

Shadow-Patch In reply to Tylerzila [2015-09-18 09:45:40 +0000 UTC]

Lol XD

👍: 0 ⏩: 1

Tylerzila In reply to Shadow-Patch [2015-09-19 00:36:30 +0000 UTC]

 

👍: 0 ⏩: 1

Shadow-Patch In reply to Tylerzila [2015-09-19 10:25:38 +0000 UTC]

ha ha lol XD

👍: 0 ⏩: 1

Tylerzila In reply to Shadow-Patch [2015-09-19 19:33:57 +0000 UTC]

XD

👍: 0 ⏩: 0

MrColourEye In reply to ??? [2015-07-23 04:47:49 +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 first character after the http:// then paste rest or type whole thing out.
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Example of code:
<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 ⏩: 6

Deja-Lu In reply to MrColourEye [2015-09-27 22:25:07 +0000 UTC]

this isn't working for me, it want's to make it a link :/

👍: 0 ⏩: 1

MrColourEye In reply to Deja-Lu [2015-09-27 23:41:12 +0000 UTC]

send me a link to your button, you may have the wrong size.

👍: 0 ⏩: 1

Deja-Lu In reply to MrColourEye [2015-09-28 00:35:48 +0000 UTC]

zingydoodle.deviantart.com/art…

i've tried everything i could think of...

👍: 0 ⏩: 0

Shadow-Patch In reply to MrColourEye [2015-09-18 15:16:17 +0000 UTC]

Guys, if cutting out the link (Except the http:/ /)  and leaving one doesn't work, cut it all link out except the ''http:/ /'' and then paste. It worked for me and came out as writing instead of the link.

👍: 0 ⏩: 0

Crembpony In reply to MrColourEye [2015-09-13 09:46:08 +0000 UTC]

omg thank you so much

👍: 0 ⏩: 0

9Yukiko9 In reply to MrColourEye [2015-08-15 12:41:13 +0000 UTC]

I have a question...

👍: 0 ⏩: 1

MrColourEye In reply to 9Yukiko9 [2015-08-17 17:42:38 +0000 UTC]

I have an answer...

👍: 0 ⏩: 1

9Yukiko9 In reply to MrColourEye [2015-08-18 10:36:24 +0000 UTC]

I did your instructions but when I save the submit the code is diferent and does not serve... Do you know why?

This is the submit:
9yukiko9.deviantart.com/art/Fa…

And the correct code that I write:
( orig00.deviantart.net/b438/f/2…
"/>)

the code is correct?
I was wrong on the link of the image?

👍: 0 ⏩: 0

Airplanepilot501 In reply to MrColourEye [2015-08-11 12:33:58 +0000 UTC]

When I do it it keeps creating links.
o rig02.deviantart.net/755e/f/2015/223/f/e/bessie_higgenbottom_fan_button_by_airplanepilot501-d9578cz.png"/>

👍: 0 ⏩: 3

project-miku In reply to Airplanepilot501 [2016-04-04 02:49:54 +0000 UTC]

__For those who do not understand the Button Code Tutorial_________________________________

 Use a code from a button and replace the FIRST part of the code with the link of your post. Reminder: It does not have to be uploaded on DA.
 Replace the SECOND link with the Image link. To do this, right click the image on your post. Click "Open image in new tab" and copy the link.
 If the image ends up being a hyperlink>, between the 2 T's in http, put something like this: 
 : starts the sentence. (I am going to put a dash in the code so then this sentence is not underlined) ends it.


 Its somewhat hard to do, but it gets easier the more you do it.
and thats why I need more button requests

_____________________________________________________________________________________

👍: 0 ⏩: 0

SkyDuck In reply to Airplanepilot501 [2015-08-18 03:35:36 +0000 UTC]

It doesn't work in comments, it's made for journals, page widgets, etc...

👍: 0 ⏩: 0

MrColourEye In reply to Airplanepilot501 [2015-08-12 17:48:03 +0000 UTC]

Cut and paste links at first character after the http:// then paste rest
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743
if that doesnt work then type whole thing out.

👍: 0 ⏩: 0

Lunafurcat In reply to MrColourEye [2015-07-24 21:43:47 +0000 UTC]

What are the links? The picture and letters? I'm trying to make a button, but I'm not sure what I'm supposed to use in the links place.

👍: 0 ⏩: 1

MrColourEye In reply to Lunafurcat [2015-07-25 15:56:42 +0000 UTC]

-Link of button on DeviantART
-Link of that button in new tab/view image. [Right click]

👍: 0 ⏩: 1

Lunafurcat In reply to MrColourEye [2015-07-25 21:51:30 +0000 UTC]

Okay. Thanks!

👍: 0 ⏩: 0

hashirbutt In reply to ??? [2015-07-17 11:45:08 +0000 UTC]

Any video tutorial ?I can't understand. 

👍: 0 ⏩: 1

MrColourEye In reply to hashirbutt [2015-07-23 04:45:59 +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 first character after the http:// then paste rest or type whole thing out.
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Example of code:
<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"/>

👍: 0 ⏩: 0

Skele-Rez In reply to ??? [2015-07-12 02:47:16 +0000 UTC]

http://orig15.deviantart.net/bbf8/f/2015/192/3/1/red_fan_button_by_o3orealmzo3o-d90x7ee.png"/>

I don't get why this doesn't work on my Button Description

👍: 0 ⏩: 1

MrColourEye In reply to Skele-Rez [2015-07-23 04:45:26 +0000 UTC]

it doent work because thats a link. Try this:
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 first character after the http:// then paste rest or type whole thing out.
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Example of code:
<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"/>

👍: 0 ⏩: 0

skarlet7657 In reply to ??? [2015-07-05 19:46:22 +0000 UTC]

how did you make the buttons?

👍: 0 ⏩: 1

MrColourEye In reply to skarlet7657 [2015-07-23 04:47:07 +0000 UTC]

Use this template to help you:
lumiresources.deviantart.com/a…

Then once made and uploaded
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 first character after the http:// then paste rest or type whole thing out.
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Example of code:
<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"/>

👍: 0 ⏩: 0

MrColourEye In reply to ??? [2015-06-28 16:04:10 +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 first character after the http:// then paste rest or type whole thing out.
Example: Paste http://then paste rest rcoloureye.deviantart.com/art/MrColourEye-Fan-Button-505836743

Example of code:
<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 ⏩: 3

MonsoonsArt In reply to MrColourEye [2015-07-22 23:21:46 +0000 UTC]

the IMG in new tab thing is confusing me

👍: 0 ⏩: 1

MrColourEye In reply to MonsoonsArt [2015-07-23 04:44:22 +0000 UTC]

Right click open image in new tab or view image.

👍: 0 ⏩: 1

MonsoonsArt In reply to MrColourEye [2015-07-23 12:00:04 +0000 UTC]

thank you

👍: 0 ⏩: 0

K1ngNightmare In reply to MrColourEye [2015-07-06 00:10:35 +0000 UTC]

This seriously makes absolutely no sense to me ._.

👍: 0 ⏩: 1

MrColourEye In reply to K1ngNightmare [2015-07-06 06:20:00 +0000 UTC]

What part of it doesnt?

👍: 0 ⏩: 1

K1ngNightmare In reply to MrColourEye [2015-07-07 03:28:43 +0000 UTC]

Well, pretty much everything, just not enough information I suppose.

👍: 0 ⏩: 1

MrColourEye In reply to K1ngNightmare [2015-07-08 21:49:26 +0000 UTC]

I made it as simple as I could I don't know how to make it easier besides making the code for you then you figure it out. I can give you examples of the two links you need.

👍: 0 ⏩: 1

K1ngNightmare In reply to MrColourEye [2015-07-09 02:51:38 +0000 UTC]

No thanks.

👍: 0 ⏩: 0

ILAMD In reply to MrColourEye [2015-06-29 22:48:54 +0000 UTC]

is there a way to make the actual buttons with a formula?
Like, say make an original button using one of our pictures and our text?

👍: 0 ⏩: 1

MrColourEye In reply to ILAMD [2015-06-30 23:07:24 +0000 UTC]

Um, as far as I know, no. You can use a template however. 

👍: 0 ⏩: 1

ILAMD In reply to MrColourEye [2015-06-30 23:30:59 +0000 UTC]

oh, cool! Where is this template, if you know? ^_^

👍: 0 ⏩: 1

MrColourEye In reply to ILAMD [2015-07-01 00:11:09 +0000 UTC]

lumiresources.deviantart.com/a…

👍: 0 ⏩: 1

ILAMD In reply to MrColourEye [2015-07-01 00:15:44 +0000 UTC]

ty

👍: 0 ⏩: 0

Shadow-Patch In reply to ??? [2015-06-27 21:20:59 +0000 UTC]

Sad to say but I trie and it doesn't work

👍: 0 ⏩: 0

haunte-d In reply to ??? [2015-06-24 12:17:28 +0000 UTC]

Guys, you don't paste it in the comments.

Paste it in one of the boxes in your profile or your journal. Anything but NOT comments.

👍: 0 ⏩: 1

MrColourEye In reply to haunte-d [2015-06-28 16:06:52 +0000 UTC]

They do it to see if there is a blue link or not. Its just testing...

👍: 0 ⏩: 1

haunte-d In reply to MrColourEye [2015-06-28 16:37:49 +0000 UTC]

Ah. 

Some do, some don't;

I just want to inform that to anyone who doesn't :^)

👍: 0 ⏩: 0

borismiku In reply to ??? [2015-06-20 09:28:17 +0000 UTC]

<a href=borismiku.deviantart.… >mg src=borismiku.deviantart.… >/a>

👍: 0 ⏩: 1


<= Prev | | Next =>