Add logo or image button in your blog
If you want to add logo or image button in your blog, same as in below pic,
just simply follow the instruction.
First choose the photo or make your own logo and button using cooltext.com
upload your image in any photo hosting websites, i suggest - photobucket.com
After uploading your photo, you get your image photo url address
My image url address is - http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png.
To display this image URL, you only add a little code in your image url.
<img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom"
See Result -
If you want to resize the image, just add the value of width and hight. For example :
<img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom"
the result is this
If your image want to make a link target. for example : I want to the logo linked to http://compycom.blogspot.com. This is the code :
<a href="http://compycom.blogspot.com/"><img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom" border="0" /></a>
See the result
Hope you enjoy this post.
just simply follow the instruction.
First choose the photo or make your own logo and button using cooltext.com
upload your image in any photo hosting websites, i suggest - photobucket.com
After uploading your photo, you get your image photo url address
My image url address is - http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png.
To display this image URL, you only add a little code in your image url.
<img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom"
See Result -
If you want to resize the image, just add the value of width and hight. For example :
<img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom"
width="130" height="40">
the result is this
If your image want to make a link target. for example : I want to the logo linked to http://compycom.blogspot.com. This is the code :
<a href="http://compycom.blogspot.com/"><img src="http://i494.photobucket.com/albums/rr305/nayannew/cooltext407213780.png" alt="Compycom" border="0" /></a>
See the result
Hope you enjoy this post.
0 comments:
Post a Comment