How to Make a Blog Button with Corresponding Code


A great way to generate traffic to your blog is to create a blog button so that visitors to your blog can very easily copy and paste the button code you've provided onto their own blog or website. This is often a reciprocal swap, where you'll also place buttons to blogs you're a fan of on your own blog as well.

I've taken the html guesswork out of the process, so no worries if you aren't comfortable with coding. Steps below...

How to Create a Blog Button:

1. Create your blog button graphic itself
(sized 125 pixels by 125 pixels) using a graphics program such as photoshop.

2. Save the image as a jpg or gif, then upload it to a photo-sharing website (such as http://www.imageshack.us/) that gives you the option to grab the direct html image code link. Leave this window open on your browser so you can come back and copy the html image code it assigns your uploaded button.

3. Open notepad/wordpad/word on your computer.

4. Paste the text below into notepad/wordpad/word

<img src="http://www.image-url-goes-here.com" /><br>
<textarea name="textarea" cols="13" rows="9"><a href="http://www.your-blog-url-goes-here.com" /><img src="http://www.image-url-goes-here.com" /></textarea>

5. Replace the image src code in red with your direct html image code (copied from the photo-sharing website)

6. Replace the a href code in red with your website link (be sure to use http:// format)

7. You’re ready to copy and paste the entire string of code into your blogging layout.

8. If you’re using blogger, go to design/add a gadget/select “html/javascript”, then paste your code into the box.

9. Preview your changes and save if everything appears correctly.

You're all set! If you've followed the steps above, you've created your own blog button!

Comments

Popular posts from this blog

visit here to make your own shirts

Permanent eyeliner

create your own shirt visit here