Making a Logo and image button

if you use service from cooltext.com, you'd be very easy to make a logo or image button, this is the steps :

1. Please visit http://www.cooltext.com.



2. For create a Logo, click at Logos tab.



3. Click at the example logo style which you love.



4. Write the text wishing in making the logo beside Logo Text. For example : Blog Tutorial.



5. Write the measure of text in wishing beside Text Size. For example : 50.



6. Click at the colourful icon beside Text Color to choose the color of text. Please choose the colour whict you want.



7. Choose the format of image beside File Format. Better .JPG or .GIF



8. Click at Render Logo button.



9. Wait for a moment, your logo is processed.



10. See the logo result, if you want to change the logo, click at Edit this Logo. If you want to download the logo, click at Download Image. Save into your computer.



11. Done. Now you have had a Logo.

If you want to make a Image Button, please following the above step, but don't choose logos, please choose buttons


Allright, so that the logo can display at your blog, you must upload your logo to the Image Hosting. For upload an image to image hosting , you can read at this post. For example, I have had upload my logo to http://www.phtobucket and the image URL is :

http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg

To display this image URL, you only add a little code like this :



This is the result :

If you want to resize the image, just add the value of width and hight. For example :

width="130" height="40">



This is the result :

If your logo want to make a link, you must have a link target. for example : I want to the logo linked to http://template-unik.blogspot.com. This is the code :




This is the result :

How about the Image Button, that is the same way with Logo. This is the example for image button with link :

Where I place the above code? if you post, please at Edit HTML and if want to sidebar, please choose HTML/Javascript element.

Related Posts :