Today I am going to teach you how to make a blog button for a Blogger blog! I will be doing one for Typepad too very soon!
Step 1. First you need to make a new document in photo shop. Make it 150px by 150px. If you want it to be a bit bigger, you can make it a maximum of 200px by 200px. It really depends on the size of your sidebars. Make it a resolution of 300.
Step 2. Decorate your button! You can add photos, word, embellishments and anything you would like! Save it as 'Blog Button' and make sure you save it as a jpg. not a psd.
Step 3. You need to join a site called 'Photo Bucket'. You can find it HERE. You need upload your blog button photo onto their website.
Step 4. Now you need to go into your blog. Go to Design. (I am using one of my old Blogger blogs as an example)
Step 6. Call it something like 'Grab my Button' or something along the lines of that.
Step 7. You need to put this code into the content box:
<a border="0" href="yourblogURLhere"
In the spot where it says, yourblogURLhere, paste your blog URL in between the two ".
Step 8. In the spot where it says, imagedirectlinkURLhere, paste your Image Direct Link in between the two ". You can get your image direct link URL if you go back into Photobucket, and click on your button image, it should appear down the side, like the above photo.
Step 10. Don't call this box anything. You put in this code:
<textarea rows="4" cols="20">
Then paste your other code from before in here
Step 12. Save the changes to your blog, and your done!
I hope you enjoy making blog buttons! If your a Typepad user, stay tuned for a tutorial on that soon!