TUTORIAL: Add Buttons To Your Profile Page
I recently had several requests for instructions on how to add buttons like the ones in my profile. Rather than send individual bubblemail messages, I’m posting it in my journal in case someone else would like to add buttons to their RB profile.
BUTTON INSTRUCTIONS
Tip: print out this page and put it beside the computer before you start.
You can make your own buttons or you can use a site called ButtonGenerator. If you decide to use this site and not to pay for a membership, you will need to add a link back to the site.
I made all of mine 125X26 to give you some idea of the size of the ones on my page. This size allowed 3 buttons side-by-side.
Make all your buttons and then save them in a folder on your computer.
Then you will need to upload each button to your RB image gallery and use the “Hide” feature so that no one sees them but you.
Once you have them uploaded you will need to right-click on each one to get the url address html code in the properties box.
Example: http://images-0.redbubble.net/img/art/size:ularge/view:main/1407403-1-autumn-button.jpg
Then go to “Edit Your Profile” to copy the image html code AND the tag html code – it will look like this (without the spaces):
! http://images-0.redbubble.net/img/art/size:ularge/view:main/1407403-1-autumn-button.jpg ! : http://www.redbubble.com/people/patmonty/art/everything/tags/autumn
[REMEMBER NO SPACES. I had to add spaces so you could see the html code. If I had not added spaces, the button would have appeared in the journal instead of the code.]
The last word in the html code is the “tag” word. In the example above it is autumn.
You will need to put one space between each set of button html code. If you have a lot of buttons the language is long and wraps around forever. But with one space between each button html code, the buttons will sit next to other and then wrap to the next line.
Now you will need to add the tag word to each of your images that will correspond to the buttons.
Happy Button Making!
UPDATE: Cool Text Graphics Generator is another good site for buttons.
This tutorial was featured by the group, Tutorials on January 28, 2009.
CLICK HERE FOR ALL TUTORIALS BY PATRICIA
Add Buttons To Your Profile Page
How to make a calendar
Downsizing those example images on your profile page
Adding Examples (Card, Laminated, Matted, etc) To Your Profile
Add photos to your profile description
Adding emphasis to your text
Plus more tutorials!
MKWhite
Patricia Montg... replied
You have my vote! Great looking button, Michael!
SharonAHenson
This is great thank you…lets see if I can do it !!!!
Anne Smyth
thank you so much – I am going to try it!!
Raquel Bourne
Thanks Patricia, I wondered how this was done
Kimberly Palmer
This is very helpful, thank you!
You know, I tried to put the linkback on my profile page, (copied and pasted), and it’s blank. I sent them an email, but have not heard back from them yet. It’s been well over a week.
Maybe something else to mention is it is important to leave your buttons, and not delete them once you’ve uploaded them. When I was making my own awhile back, I removed mine, and it caused a bunch of red X’s. What do you think? Do you think that is why I got the red X’s? Because I deleted them? =)
Patricia Montg... replied
You made a good faith effort to link back to the site, so I wouldn’t worry too much about it. If you deleted your other button from your gallery, that is probably why you got red X’s. You have to delete everything, from the gallery & the code on the pages.
Marilyn Harris
Thank you so much Patricia for this great info!! Much appreciated!!! Thanks for sharing!!
Gracey
Nice tutorial!
Patricia Montg... replied
Thank you, Gracey. Coming from you – the master at writing tutorials – it is a big compliment!
Megan Martin
Thank you so much…that is such a neat idea!
WJPhotography
Thank you sooooooo much pat for this tutorial….I managed to do it,,,,Thank you..
Patricia Montg... replied
I am so happy that it worked for you!!
Kimberly Palmer
found it!
Patricia Montg...
Glad you did, Kimberly – hope this helps your friend!!
Arrowman
Thanks this is very useful !
DreddArt
Thanks!!
ldeiter78
Hello! Thanks for this very useful information!!!
ATBTBR
THANK YOU!
Sharon Mau
Mahalo dearest Patricia, thank you so much!
Waleska Luker
Nice Thanks!
temlet
I also recommend a website called CoolText src="http://cooltext.com/Buttons" alt="" />. I had a problem with the javascript on the button generator website that would not allow me to edit the buttons. I came across this site and really liked it. It also offers different editing options than the other site.
temlet
www.cooltext.com… I apparently didn’t type that link right! :)
Patricia Montg... replied
You have some very cool buttons on your site! The Cool Text Graphics Generator site looks like a very good one. Thanks for the tip!
Donna Ridgway
These are nice tutorials! I’vewondered how people put examples of the finished products on their items. Thanks Pat!
temlet
Haha, thanks, Patricia, I’m glad you like them!
sendao
This is very helpful, thank you!
Victoria Sheldon
Very helpful!!!! Thank you!!!!
PFrogg 16 days ago
Thank you