Button link

A reader just requested a method of adding a button link in her sidebar. There are a few things you'll need:

  1. An image for your button
  2. Load this image to your web host (I use Ripway)
  3. Image URL (from the web host)
  4. Target site URL

What to do:

  1. Open your dashboard
  2. G0 to layout
  3. Click on 'Add Page Element'
  4. Choose the 'HTML/JavaScript' widget
  5. Paste the code below into the window
  6. Give the widget a title like My Favorite Links and paste the following code into the window

<a href="Target site URL">
<img border="2" src="Image URL"/>
</a>

At this point you plug in your Target site URL and the Image URL. If you want more button links, add the above code in the same window changing the Target site URL and the Image URL. Save changes

Now you can drag the widget you just made to the area you want in your sidebar, or just leave it where it is.



post signature

4 comments:

  1. Anonymous1/7/07, 12:38 PM

    Great! Bat for to resize dimension of button? What i have to do if the image is too big? Thanks

    ReplyDelete
  2. Sharon Pickering 1/7/07, 3:27 PM

    @anonymous, you can edit the button image in IrfranView

    You resize the image to whatever you want in that program.

    ReplyDelete
  3. Misty Rice10/15/08, 12:22 AM

    What a great site. I just paid $20 buck to have a link button made and now I see how to make them. WOW...

    Thanks a ton.

    ReplyDelete
  4. Kratzbaum Milinkowsky6/19/12, 4:05 PM

    A very simple yet elegant solution. Thank you so much!

    ReplyDelete

Due to,happily, a steadily increasing readership, I'm not able to answer or solve all comments/problems. I do keep track of them and answer what I can as time allows. This is my attempt to balance home and blog.

To add a link in this comment, copy and paste this code in the comment window: <a href="URL">seen on post</a>
Change URL and seen on post. For instance, to have a link to BlogU, the code would look like this: <a href="http://bloggeruniversity.blogspot.com">
BlogU</a>
To use the DOFOLLOW attribute on this blog, please remember to use the NAME/URL option when commenting rather than linking to your profile page for more exposure!