For the non tech savvy person images can be a hassle to implement. So here is a quick way to help you get started.
Getting the image on to your server
My choice for FTP software is Filezilla client. It is simple, free and easy to use.
Go ahead and dowload it, then install the software.
Once it is open you will need three things to connect to the sever to access your files.
The host name: yoursite.com
The user: Admin
Password: secret888
(All of this information can be obtained from your hosting provider and please do not mess with any other files or directories stored on your server.)
Connect and log into the site with the information and you will see many directories (folders) filled with files. Find the directory name public_html, inside of this folder you will find another folder named images. This is where all of your site images are stored. The nice thing about Filezilla is the drag and drop capability to move files. The left field is your local view of your computer and the right is the connection to server. Find the file you want to uplaod in to the images folder, by dragging it into the sever directory or use the transfer method from local view to server. If a file name already exist it will ask you to overwrite with a yes or no. The safest way is to rename your current file, so not to match anything on the server and possible mess something up on the website.
Getting the image path
Your image is on the server and you would like to get a direct path to use it in a post.
So go to your browser and view your website and in the address bar you can see the path to your site. I will use this site as an example: http://www.acupunctureinmichigan.com
The image I would like to use has been uploaded and is named monica_small.jpg
If you add the path and the image to the web address you will get http://www.acupunctureinmichigan.com/images/monica_small.jpg and you should be able to view it in your browser if all is correct.
Code for the image
Go inside your post in the html tab and insert this bit of code where you would like the image to appear. <img src=”http://www.acupunctureinmichigan.com/images/monica_small.jpg” alt=”A lovely picture of Monica” align=”left”/>
img src is the path to the image, the alt is the description that is seen on mouse over and align is used to position the image left, right or center.
For more coding tips on using images please visit w3schools or Dave’s site.