JUST AS SIMPLE AS LESSON 1 AND 2! ([i]Attachment: Please wait for the Image to load[/i].) Before we begin, right click on this image (Naruto) and select "SAVE PICTURE AS" to save it to your computer. We will use it for this tutorial. [img]http://i49.servimg.com/u/f49/10/09/38/96/demo10.jpg[/img] [img]http://i49.servimg.com/u/f49/10/09/38/96/simple10.jpg[/img] [align=center][u][b]NOW TO MODIFY HTML AND UPLOAD THE LAYOUT IMAGES[/b][/u][/align] [i]1. Open a NotePad or any text editing tool. 2. Go to File menu > OPEN > FILES OF TYPE > ALL FILES and look for your created HTML layout. 3. Now you have your HTML layout code, look in to this code:[/i] [quote]<!-- ImageReady Slices (simpletutorial.psd) --> <img src="[b]images/simpletutorial.gif[/b]" width="800" height="550" border="0" alt="" usemap="#simpletutorial_Map">[/quote] 4. Upload or host your LAYOUT IMAGE and get its DIRECT LINK URL and replace the blue text with the new URL of image. How to host, read: [url]http://imageshack.us/[/url] [i]5. Now go to File menu and select SAVE.[/i] credit by: ka paul

Last edited by kacang`z (2008-10-21 10:45:07)