Update : This post was not up to date
Hi brother/sister meet you again at my new tips. In this opportunity I will try to give you a tips about how to upload an image/picture to image hosting.
if you have an image or picture in your computer and wish in presenting online on internet, hence you must upload that image to image hosting as the server. Free image hosting is very much, and the most popular is such as Yahoo Geocities, google page creator, image hack, photobucket, and etc. To upload an image to their server, first step is you must registered at that site.
However, for this post i will only write how about an image/picture uploaded to Yahoo Geocities. First you must have an account at yahoo! Don't have a Yahoo! ID? Sign up here. Now I assume you have had an account in yahoo. For upload to Yahoo Geocities please follow the step below :
- Please login to Yahoo geocities with your ID.
- Click "Manage" tab at yahoo control panel.
- Click "Easy Upload"
- Click "Browse" button, insert image file at your computer and then click "Upload File". See the picture :
- If your upload has been succes will show a display, click at "File Manager"
- Right click at "View" link, then "Copy shoertcut", open your "Notepad" and then paste at notepad. That is your Image URL. See the picture (please click at the image for large image):
- Now you have had an image URL.
How to display/show your image URL at your blog? allright this is the steps :
Example, I have an image URL like this :
http://www.geocities.com/amn_tea/blogtutorial.gif to display this URL, only make the code like this :
<img src="http://www.geocities.com/amn_tea/blogtutorial.gif"> Result :
For good SEO (search engine optization), always use "Alt="..."" tag at every your image. With "Alt="..."" tag, if the mouse computer drop to the image, that is will appear the title of "Alt="..."". For example :
<img src="http://www.geocities.com/amn_tea/blogtutorial.gif" alt="blog tutorial"> Result, please drop your computer mouse to the image, that is will appear a title of the image:
Do the image can be made to link? the answer is yes.
For example, i will made a link from the above image to my other blog, the URL is http://template-unik.blogspot.com. This is the code :
<a href="http://template-unik.blogspot.com"><img src="http://www.geocities.com/amn_tea/blogtutorial.gif" alt="blog tutorial" border="0"></a> Result, please drop your computer mouse to the image and then click, you will visit my other blog :
If you do the step above, your page will be lost and will change with new page. If you want your page not be lost when the image link clicked, you must add "target="_blank"" at the code, example :
<a href="http://template-unik.blogspot.com" target="_blank"><img src="http://www.geocities.com/amn_tea/blogtutorial.gif" alt="blog tutorial" border="0"></a> Result, please drop your computer mouse to the image and then click, you will visit my other blog but this page will not be lost (open new page/window) :
Remember. To do this tutorial, if you want to display the image at your post, you must at
, and if the image will show at sidebar, please choose "HTML/Javascript" If you enjoy this post please Digg It!
For today I think is enought, see you at my other tips. happy blogging.
Post a Comment