Creating a button and a banner for my Blog

25th March 2012 Edit and update:

A tip for your picture - upload it to http://photobucket.com/ (you will need to have an account) and then re-size it and click save a copy - you will then see a box of links, choose Direct link, the second link which you can use as your url address of your uploaded image.

I recently did a button for the Fly Tribe Shoe Shots Blog Hop and the code looked like this:

<center><a href="http://fly-tribe.blogspot.com.au/"><img src="http://i1147.photobucket.com/albums/o551/ShellsintheBush/ShoeShotssmall-1.jpg"/></a></center>


Please leave a comment below if you have any difficulties and need help and I'll get back to you ASAP.

Thanks.


2nd November 2011 Edit and update:

This is a good site to check out:  http://jenieshell.blogspot.com/2008/11/how-to-make-blog-button.html 

Here are the basics in my own words:

1. You need to create a picture for your button about 150 x 150 pixels.

2. This picture needs an url - so upload it to a blogpost, post, then click on the picture to get the url for it.

3.  In Blogger you need to go into Design, Template, Add a Gadget and click on the HTML option.

4.  You need a code which requires the url for the uploaded picture and the url of the site where you want to link it to

• Copy the code below and paste it into the text section of your new HTML/Java Script Gadget.

<center><a href="URL address you're Linking to"><img src="URL address of your uploaded image"/></a></center>

• Replace the sections in red with the two url addresses that meet your needs.

• click save.

5.  then view your blog to see how you went....

My button code links to my website and looks like this:

<a href="http://shellsinthebush.com/"
target="_blank" >
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbxKKyeBnUhi_FHE6SXaHaNYCEYOSutU4dhcY76sY2Sd7poP48Y3Zj6i0rZp0aaiWAbPfFavEkmdrkfVL7L3Ejg1-XCfXMamUL8zukimhxTvf077jaSm-U3q5yOPnuzhszzVX884JCv4/s1600/blogbutton2.jpg"
alt="Alternative Name" /></a>

and the button I made today for  Your Heart Makes a Difference looks like this:

<center><a href="http://yourheartmakesadifference.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhte510MkXqiN6w3VgvX-JDw4Fbm1it9N5RP0Wwn2YbDuam_WshJArF10wgrgbHxJD4-NTbiZ9KUIWr5nPxmG1hDjjKPXBZnKVsVjIGYb_yVVkc9ycFiWRem-zgAK0v9eIlfjRAAcP07yU/s1600/yhmadlogo_words_200pxls.png"/></a></center>



I'm not too sure how this works for WordPress or other blog formats/designs.

Thanks,  Sox

**********************************************************************


I'm following this blog button tutorial to make a button for my blog.

So I've created my button but am having trouble creating the scroll bar link thing even though I'm following this tutorial. 

http://jenieshell.blogspot.com/2008/11/how-to-make-blog-button.html

I finally made my scroll bar link but won't really know if it works until you try it out on your blog.  Go on...and let me know how you go.  Thanks.

Today I also made a banner for my blog through picnik.com which was also a lot of fun and time consuming to play with too.

Sizes - button - 125 x 140

- blog banner - about 1000 x 300-350

Here are a couple of banners I tried on....

2nd Nov 2011  Making another button for this site: