Posts tagged button

Adding “Grab My Button”

Oct 9th

Posted by Jessica in Resources

1 comment

So, after you have made a button

Now you want to make it available.

There are some great resources,

and I really liked this one.

But it is really just another cut and paste thing.

All you need to do is add your button

(the code you got here)

and then paste the box

with the code inside it:

<center><div style=”border: 3px solid black; overflow: auto; height:

150px; width: 150px; color: black; background-color: white;”>&lt;center&gt;&lt;a href=”LINK“

target=”_blank” title=”TITLE“&gt;

&lt;img src=”LINK TO IMAGE“

alt=”Alternative Name” /&gt;&lt;/a&gt;&lt;/center&gt</div></center>

Just replace the Link with the link to your blog/web page

Replace the Title with the Title for your button

and replace the link to image with the web address to the button picture.

There are other changes you can make,

like the color of the box or the size of the box,

but this should be enough .

And,

you have a button for your blog!

I do not know about you, but I am excited!

I am excited!

me

Buttons

Oct 8th

Posted by Jessica in Resources

1 comment

I have been seeing a lot of people adding buttons to their pages

and I wanted to do it

too!

I did have a few problems along the way,

(the most difficult part

was figuring out how to size it)

but all in all

I did find it was possible to make

without help.

(Well, without paying for help.

This website was VERY helpful.)

You do need to have an image to start with,

but you do not even need a fancy program.

You an take a picture of yourself and

write the name of your blog on top

if you download Picasa (for free).

An example:

Click on the image in Picasa and you will see an option to add text.

I used Publisher and edited my logo.

(You can go fancy and use Photoshop,

and they have a free trial,

but I find it too advanced for me.)

I edited my image and saved it as a jpeg.

(which I just learned was possible to do

by right clicking on a picture

that you insert and edit in publisher.)

Then I uploaded it to the internet.

You can put it anywhere.

(Your blog library, picasa, flickr, etc.)

You just need to save the link to the picture.

Then you can create a button.

You need to copy the following:

<center><a href=”LINK”
target=”_blank” title=”Mouseover Words“>
<img src=”IMAGE”
alt=”Alternative Name” /></a></center>

Then replace the word LINK with the whole web address of your blog/website.

And replace the word IMAGE with the whole web address of the image where your image was saved.

“Mouseover Words” can be changed to whatever you want as well, which is supposed to help with SEO stuff, but it is completely optional.

Mine looks like:

<center><a href=”http://kidwhys.com/”
target=”_blank” title=”Kid WHYs”>
<img src=”http://kidwhys.com/wp-content/uploads/2010/10/button1-e1286562253464.jpg”
alt=”Alternative Name” /></a></center>

And, Voila,

A button that you can click on and takes you to my page.


Alternative Name

As I mentioned, size was an issue,

so I found that saving my image to my wordpress library was easiest,

because it was the easiest place for me to scale my image.

I know there are other ways,

but I am not familiar with them,

so please let me know what you did.

Then, the next challenge was to add my button to my page

and create the box for you to grab it.

That post is here.