Showing posts with label instrument. Show all posts
Showing posts with label instrument. Show all posts

Wednesday, January 16, 2013

Grab my button!


Now we know how to create buttons for your site.
Sometimes we need to share the button with friends. This increases the traffic to your site! And on the website of your friends of course!

How to share button:

Do the same steps:

1. Create an image of your button.
This can be a drawing, a photo or a text. Prepare an image using Photoshop, Microsof Paint, Microsoft Power Point, or any other image editor that you know how to use.
Your button image should be  in JPEG or GIF preferably in size 125px:125px or 150px:150px. Or something like that.

2. Place the image on the Internet.
For example in your blog or on any site for storing images. The most simple google.com
You need a link to your button - image’s html code.

OR you can use the code, we have created here. In this case, the size of the button is already defined.

3. Create your own code using this template 
Insert your own image’s html code to the place YOUR BUTTON IMAGE
Insert your own blog address to the place YOUR BLOG ADDRESS

<table border="0" width="100%">
<tr>
<td align="center"><img src="YOUR BUTTON IMAGE" alt="" /><br/>
Copy and Paste Code</td>
</tr>
<tr>
<td align="center"><textarea cols="13" rows="9"><a href="YOUR BLOG ADDRESS" target="_blank"><img src="YOUR BUTTON IMAGE" border="0"></a></textarea></td>
</tr>
</table>


Copy the code and paste it into your blog or your website.

Example for the Blogger
Design - Add a Gadget - HTML / JavaScript. Paste the code in the opened window and save.

Use and enjoy!

 Here's is my result

Blog about women who create Copy and Paste Code

How to make a button for your blog or shop.

Sometimes we need a button-link from a site or blog to our shop, blog, or another web resource. Now we create the button together!

1. Create an image of your button. 
This can be a drawing, a photo or a text. Prepare an image using Photoshop, Microsof Paint, Microsoft Power Point, or any other image editor that you know how to use.

2. Place the  image on the Internet. 
For example in your blog or on any site for storing images. The most simple google.com
You need a link to your button.

3. Create a button's code:


<a href="http://YOURBLOGADDRESS.com" target="_blank"><img src="http://YOURBUTTONLOCATION.jpgwidth="190px" height="120px"  title="description of the button" alt="description of the button"/></a>

The link will open in a new tab.
Use the "description of the button" - it is useful for the search engines index your site
Determine the width of your button with - width="190px" height="120px"



Here's is my result

Cotton batik fabrics from exotic sarongs




Now you have the code! How to use it:

Copy the code and paste it into your blog or your website.

Example for the Blogger
Design - Add a Gadget - HTML / JavaScript. Paste the code in the opened window and save.
Voila!


Use and enjoy!