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)