Stampin' Blends Available November 1st! janislewis.stampinup.net

Friday, September 16, 2011

How To Create Your Own Blog Button

The information below will help you learn how to create your own blog button.  You can always access this information in the PAGE TAB feature under my blog title at the top!  Have fun!

Make sure you stop back by tonight for the Getting Cricky Blog Hop, a Give-Away, and some very exciting NEWS on how you can get some of K Andrew Design stamps at a discount!!!!  I'll have the discount code posted in my blog post tonight. The discount is only good this weekend, so don't forget to get your shopping and savings taken care of before Monday!
The post will go LIVE on my blog on Friday, Sept. 16th @
5pm Alaska Time (that's me!)
6pm PST
7pm MST
8pm CST
9pm EST


To Create Your Custom Blog Button:

Create a picture or words or whatever you want to use.

  1. Upload it to photobucket.com (it's free)
  2. You may need to re-size it. I don't have a set size, I usually have to play with it a little before it looks right.
  3. Hover you mouse over the image and a box will pop up with lots of code options. The code you want to copy is called IMG Code.
  4. Replace the IMG code in the below HTML in 2 different places!!
  5. Make sure you delete the part it automatically inserts with [IMG] and [IMG/] at the beginning and end of the code. I don't know why it does that, but if you forget to erase it, the code won't work.
  6. Replace my blog address in the HTML code below (in 2 different places again) with the place you want the picture to take people when they click.
It's really easy. I kept asking people to teach me and they kept just doing it for me which was not helping me learn.  Finally someone taught me. So now I've taught you!

Here's the HTML code.....

<div align="center"> <a href="http://pausedreamenjoy.blogspot.com/" target="_blank"><img src="http://i838.photobucket.com/albums/zz303/BugRose/girlletterbuttonsmaller.jpg" border="0" alt="Photobucket" /></a> </div> <div align="center"> <form><textarea rows="6" cols="16"><a href="http://pausedreamenjoy.blogspot.com/" target="_blank"><img src="http://i838.photobucket.com/albums/zz303/BugRose/girlletterbuttonsmaller.jpg" border="0" alt="Photobucket" /></a> </textarea></form> </div>

1 comment:

  1. Thanks for the tutorial, been trying to figure out how to make one of those things!! (I am so computer challenged!)

    ReplyDelete