Tip of the Week: How to Make a Blog Button

Did you ever want one of those buttons for your blog that people can grab and put on their site? Here's how to make one!

Step 1: Make an image! The standard button size is 125 X 125 pixels, but I like mine just a little bigger at around 175 x 175 pixels. Your button doesn't have to be square either, so if you just want to resize your header to a smaller size, that could work too. You can use any photo editing software like Photoshop, Elements, Paint.net (free), etc...

Step 2: Save your button to Photobucket.com. Under the image will appear a few different codes - copy the HTML code.

Step 3: Go to Blogger, Login, and Click "Layout". Then click "Page Elements" and "Add a Gadget". Then select the "HTML/Javascript" option.

Step 4: Paste the HTML code into the box. Click "Rich Text" in the upper right hand corner. You should see your button! Click on the button and click the "Hyperlink" icon. Put in your blog's web address here.

Step 5: Click "Rich Text" again, and you'll see the code. To CENTER the button, put <center> in front of the code, and < /center> behind the code.

Step 6: Highlight the entire code and copy it. Type <textarea> at the end of the code. Paste your copied text. Then type < /textarea> after your pasted text. (This is the box that will appear under your button. Be sure not to COPY the text I just gave you. Type it in yourself, with no spaces.)

Step 7: Click "Rich Text". You should see your button and text area beneath it. (If the text area isn't below the button, just click between them and press "Enter." You can also choose to center the ENTIRE button and text area by putting the <center> and < /center> tags before and after the entire code.

Good luck!