HOME | DD

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

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

ChibiFan7 In reply to ??? [2016-01-06 23:42:06 +0000 UTC]

so you've explained how to post them...but how do you make them? can i make them myself or do i get someone to make them for me 

👍: 0 ⏩: 0

skarlet7657 In reply to ??? [2015-11-27 21:30:58 +0000 UTC]

How do u make the button?

👍: 0 ⏩: 1

slytherinsane In reply to skarlet7657 [2016-01-03 04:51:44 +0000 UTC]



That above, is the base code that's given to you. You keep the " and add the correct links where it says "deviantart link" and "img link"
_______
"deviantart link" means that's where you post the URL that the image is going to link to [it doesn't have to be only on dA].
[To get a link, go to any web page and copy the URL in the search bar.]

"IMG link" is the URL of the image that will be displayed. This is what you click that redirects you to the "deviantart link" that you added.
[To get the "IMG" or image link, right click on the image you want and copy the image address.]


_______
This is what it was like when I was doing button making and image linking, so if it no longer works, it's because of the recent changes of the site. Give it a try and play around with it.

👍: 0 ⏩: 0

Catsperri [2015-11-27 19:22:41 +0000 UTC]

Trying to make a code geass button D:

👍: 0 ⏩: 0

Catsperri In reply to ??? [2015-11-27 19:19:55 +0000 UTC]

Im so confused 

👍: 0 ⏩: 1

slytherinsane In reply to Catsperri [2016-01-03 04:51:51 +0000 UTC]



That above, is the base code that's given to you. You keep the " and add the correct links where it says "deviantart link" and "img link"
_______
"deviantart link" means that's where you post the URL that the image is going to link to [it doesn't have to be only on dA].
[To get a link, go to any web page and copy the URL in the search bar.]

"IMG link" is the URL of the image that will be displayed. This is what you click that redirects you to the "deviantart link" that you added.
[To get the "IMG" or image link, right click on the image you want and copy the image address.]


_______
This is what it was like when I was doing button making and image linking, so if it no longer works, it's because of the recent changes of the site. Give it a try and play around with it.

👍: 0 ⏩: 2

PokemonMasterForever In reply to slytherinsane [2016-01-19 08:54:44 +0000 UTC]

TY!

👍: 0 ⏩: 0

Catsperri In reply to slytherinsane [2016-01-03 15:21:59 +0000 UTC]

Thank you! You explained easier !

👍: 0 ⏩: 1

slytherinsane In reply to Catsperri [2016-01-04 05:50:00 +0000 UTC]

You're welcome

👍: 0 ⏩: 0

ninartist In reply to ??? [2015-11-10 20:13:39 +0000 UTC]

how make button???   

👍: 0 ⏩: 1

xXMiry-ChanXx In reply to ninartist [2015-11-17 00:04:19 +0000 UTC]

Just use a template

👍: 0 ⏩: 1

ninartist In reply to xXMiry-ChanXx [2015-11-17 07:57:30 +0000 UTC]

ok

👍: 0 ⏩: 0

DinoLover09 [2015-11-10 16:34:51 +0000 UTC]

But don't you have to make the button first?

👍: 0 ⏩: 1

xXMiry-ChanXx In reply to DinoLover09 [2015-11-17 00:03:59 +0000 UTC]

Of course LOL

👍: 0 ⏩: 1

DinoLover09 In reply to xXMiry-ChanXx [2015-11-17 01:20:09 +0000 UTC]

Ok

👍: 0 ⏩: 0

OrageSpark In reply to ??? [2015-11-06 13:44:31 +0000 UTC]

I'll teach you how to make the button
First copy and paste this on your bio :

Copy and paste the DeviantArt link instead of deviantART link between the ""
Then right-click on the image (don't right-click on the download link!), copy the image adress and paste it instead of IMG link between the ""
That's all!
Hope I helped you! ;3

👍: 0 ⏩: 0

OrageSpark In reply to ??? [2015-11-06 13:22:12 +0000 UTC]

THANK YOU

👍: 0 ⏩: 0

SLycanUwU In reply to ??? [2015-11-06 00:49:54 +0000 UTC]

so:>a href="maximo6476678.deviantart.com/a… ">orig01.deviantart.net/7193/f/2… "/>

👍: 0 ⏩: 1

project-miku In reply to SLycanUwU [2016-04-04 02:47:39 +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

DerekAutistaFMF5988 In reply to ??? [2015-11-04 22:45:55 +0000 UTC]

<a href="derekautistafmf5988.deviantart… ">derekautistafmf5988.deviantart… "/>

👍: 0 ⏩: 1

project-miku In reply to DerekAutistaFMF5988 [2016-04-04 02:47:53 +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

whatevstu In reply to ??? [2015-10-20 19:59:52 +0000 UTC]

I don't get it...

👍: 0 ⏩: 2

project-miku In reply to whatevstu [2016-04-04 02:47:45 +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

Rhoncus-HD In reply to whatevstu [2015-10-27 16:03:35 +0000 UTC]

He don't get it

👍: 0 ⏩: 0

Z0MGedELR1C In reply to ??? [2015-10-19 22:19:50 +0000 UTC]

I'm trying to make a button for Grim Jr. but I'm not exactly sure how this works. Could someone explain it to me step by step please? I get confused very easily when it comes to technology.

👍: 0 ⏩: 1

project-miku In reply to Z0MGedELR1C [2016-08-13 15:34:10 +0000 UTC]

Here you go! I made a tutorial! >u<
www.youtube.com/watch?v=F1Kqj1…

👍: 0 ⏩: 1

Z0MGedELR1C In reply to project-miku [2016-08-13 19:03:11 +0000 UTC]

ah, it looks like I need to have Adobe photoshop, which I don't have. Thank you for the tutorial.

👍: 0 ⏩: 1

project-miku In reply to Z0MGedELR1C [2016-08-13 19:04:05 +0000 UTC]

You can get the free trial, actually!

And you're welcome! Sorry if it didn't work for you!

👍: 0 ⏩: 0

genebernardino13 In reply to ??? [2015-10-17 00:00:08 +0000 UTC]

It works! fav.me/d9dbyio

👍: 0 ⏩: 0

Amyrosehedgehog16 In reply to ??? [2015-10-09 04:19:12 +0000 UTC]

<a href="http://Amyrosehedgehog16.deviantart.com/art/CarmelitaFox-Fan-Button-574617410">g src="img14.deviantart.net/dd3b/i/20… a/CarmelitaFox_fan_button_by_Amyrosehedgehog16-d8d5u4n.jpg"/>

👍: 0 ⏩: 0

Absolhunter251 In reply to ??? [2015-10-06 00:55:54 +0000 UTC]

I need help!  I can't seem to get the image i want to appear as what the code is.  I can't figure out how to get http://fc05.deviantart.net/fs70/f/2015/166/e/b/ which ever it is  of the deviantion!  Can someone help me?

👍: 0 ⏩: 0

Shadow-Bby In reply to ??? [2015-09-23 13:29:08 +0000 UTC]

<a href="claw201.deviantart.com/art/Tar… ">g src="orig13.deviantart.net/33f1/f/2… "/>

How do I make it so it doesn't show the links?! 

👍: 0 ⏩: 1

MrColourEye In reply to Shadow-Bby [2015-09-28 16:48:10 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMG in new tab LINK] with the links. 

For 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 ⏩: 1

Amyrosehedgehog16 In reply to MrColourEye [2015-10-09 00:12:08 +0000 UTC]

WHERE DO I GO?!?!?!?!?!?!?!

👍: 0 ⏩: 1

MrColourEye In reply to Amyrosehedgehog16 [2015-10-09 01:51:22 +0000 UTC]

WHAT ARE YOU TALKING ABOUT?!?!?!?!?!?!?!

👍: 0 ⏩: 1

Amyrosehedgehog16 In reply to MrColourEye [2015-10-09 04:30:40 +0000 UTC]

i mean where do it make the code at if its on deviant art then where exactly on deviant art .
btw

<a href="http://Amyrosehedgehog16.deviantart.com/art/CarmelitaFox-Fan-Button-574617410">g src="http://img14.deviantart.net/dd3b/i/2006/165/0/3/a/CarmelitaFox_fan_button_by_Amyrosehedgehog16-p9p7i3c.jpg"/>

Did i get this right?
or

<a href="http://Amyrosehedgehog16.deviantart.com/art/CarmelitaFox-Fan-Button-574617410">g src="http://orig03.deviantart.net/dd3b/i/2006/165/0/3/a/CarmelitaFox_fan_button_by_Amyrosehedgehog1-p9p7i3c.jpg"/>

this?

👍: 0 ⏩: 1

MrColourEye In reply to Amyrosehedgehog16 [2015-10-09 06:00:22 +0000 UTC]

You copy and paste it. Send me a link to your button.

👍: 0 ⏩: 0

Shadow-Patch In reply to ??? [2015-09-19 21:38:21 +0000 UTC]

Err 
>mg src="http://orig03.deviantart.net/8d2e/f/2015/178/8/4/ocean_sea_fan_button_by_mlpbasesandart20-d8yzwnc.png"/> 

it looks like that..?

👍: 0 ⏩: 0

Shadow-Patch In reply to ??? [2015-09-19 21:35:46 +0000 UTC]

I do it but when I add the letters between the http to stop it shortening, it just changes back to http

👍: 0 ⏩: 1

MrColourEye In reply to Shadow-Patch [2015-09-28 16:47:59 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMG in new tab LINK] with the links. 

For 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 ⏩: 1

Shadow-Patch In reply to MrColourEye [2015-09-28 17:59:17 +0000 UTC]

Okay, I do the code but when I post it in my page it changes to a link

👍: 0 ⏩: 1

MrColourEye In reply to Shadow-Patch [2015-09-29 00:32:48 +0000 UTC]

Please send me a link to your button. 

👍: 0 ⏩: 1

Shadow-Patch In reply to MrColourEye [2015-09-29 15:23:10 +0000 UTC]

👍: 0 ⏩: 0

skele-sans In reply to ??? [2015-09-08 16:25:08 +0000 UTC]

if i try that with premium then this happends:
<a href=" ">mg src=" "/></a>
and if i try to paste it to my custom box i get:


and there is no ''link button''

can anyone help me? ;;

👍: 0 ⏩: 2

MrColourEye In reply to skele-sans [2015-09-28 16:47:52 +0000 UTC]

Copy and paste.

<a href="[DALINK]">

Just replace [DALINK] and [IMG in new tab LINK] with the links. 

For 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

Shadow-Patch In reply to skele-sans [2015-09-18 15:05:20 +0000 UTC]

I have the same problem

👍: 0 ⏩: 0

yusunaby In reply to ??? [2015-08-12 22:40:40 +0000 UTC]

omg! thank you!!

👍: 0 ⏩: 0

MLPAndyblue In reply to ??? [2015-08-07 17:25:55 +0000 UTC]

what...

👍: 0 ⏩: 0

Shadow-Patch [2015-08-02 14:58:53 +0000 UTC]

What font is this

👍: 0 ⏩: 3

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

The font is called Arial Rounded MT Bold

👍: 0 ⏩: 1


<= Prev | | Next =>