Friday, 12 August 2011

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="http://2.bp.blogspot.com/-w7Hner2R1rI/TkS1KmeY6UI/AAAAAAAAAOw/2nCemyAVmGk/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="http://1.bp.blogspot.com/-8OPPMciF7i0/TrCVxGC89gI/AAAAAAAAAlY/vuGT4AyX7Y0/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. 


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:



7 comments:

  1. The link at the side works, it goes right back to your blog again so cool!

    ReplyDelete
  2. Thank you so much for trying it out. :D

    ReplyDelete
  3. I like your banner - especially the photo of you looking to the side. Nice!

    I will try making a button too - when I stop reading blogs :)

    ReplyDelete
  4. Hi! I came over from Flying Lessons! I love your paintings! And your blog looks great. Good job on the blog button, too :)

    ReplyDelete
  5. Thank you for the tutorial! I will have to try when I have the time. Enjoyed looking at your artwork : ) I lived in Canberra for 2 years when I was a child - my dad was stationed there in the US Air Force. I would love to visit Australia again someday! (By the way,I came over from Flying Lessons)

    ReplyDelete
  6. Nice to meet someone from Australia! Love your blog and your work. The ecourse is wonderful...I'm a little overwhelmed with it all right now because I teach school and I have so much to get ready for that, but I am going to try my best to do as much of it as I can. It is so inspiring.

    ReplyDelete
  7. Great job, Shells!!

    P.S. Might I suggest you enable the "Name/URL" function for your comments so people like me with custom urls will be more enticed to comment :-)?

    ReplyDelete

All comments moderated. Please leave a comment after the beep....beeeeep...