I'm sure there are many ways to do this, but these are the instructions I use to make my button.
My Vinyl lettering button example:
1.- Create your button picture using Photoshop, PSE, or Gimp. To begin....Go to FILE, then NEW, then BLANK FILE. Then make a 12" x 12" INCH (not pixel) 300 Resolution (Pixels/inch) (300 is maximum I would go, but web standard is 72) Color Mode: RGB Color Background Contents: Transparent.
Decorate your button with pictures or your logo. Make sure to include the title of your blog.
Don't make it too busy or too many words, because it may be hard to read. (We are going to re size your 12 x 12 to 150 x 150 pixels later on, so keep this in mind.)
Once you have your layout and design, merge the layers in your layers palette. (You can do this by going to LAYERS then MERGE LAYERS). Re size your image by going to IMAGE then RESIZE then IMAGE SIZE. Set the new numbers to 150 pixels x 150 pixels. Your image will be extremely small and hard to see. Use the magnifier a few times to see it a little larger. Then save your image as a PNG image.
2.-Log into your photobucket account. Upload your new png image. Copy the DIRECT LINK.
3.-Now we are going to create the HTML code (don't get too scared now!).
Copy the following code below and replace yourblogURL with your blog's URL (for mine, I would do... http://www.offthewallcreations.biz/) , basically this is where your blog address is and don't forget to include the http:// part or it may not end up working) and yourimagedirectlinkURL (this is where you'll put the "Direct link" from your photobucket account, so for example mine would be...http://i402.photobucket.com/albums/pp105/pinkigloodesigns/OTWCbutton.png)(the quotation marks are necessary).
In the HTML box, type the following code below: (you can make the words larger by clicking on the arrow button, and then clicking on the plus sign.)
Click save. and now, drag the HTML box under your button HTML in page layout. View your blog and make sure the two appear together.
Woot! Woot! Now you're finished! Hopefully you didn't have any problems, and now you have a cute little bloggy button for everyone to see. Good luck! Please direct people to my blog for these instructions instead of copying them! Thanks! Let me know if you have any problems and I'll see if I can help you out!
1 year ago