I thought you have already done that - adding photos to you blog - kept in Media Library - chosen by entry, like you have done in "Llandudno and Back".
I could not find any english page describing on how to do this explanatory, I think while it is quite obvious, but in short: If having added images or files to your Media Library - which is equal to everything in your
/uploads dir - you can add images to entries via the [
Media] button on the backends entryform. This opens a popup window to choose an image or thumb, give it a position, add some images text and submits this to your entry.
The backend sidebar has a 'Media' titled section which keeps 4 links: Add media, Media library, Manage directories, Rebuild Thumbs. This is for administrating your Media Library.
Oh wait, now I see you did not use the [Media]-button and Media Library at all, to insert your images to entries, since its partial source looks like
Code: Select all
<p class="whiteline"><center><span><img src="images/hotel-1.jpg" /><br />First sighting of our feathered friend.</span></p>
With Media Library and [Media]-Button it would look like, ie.
Code: Select all
<div class="serendipity_imageComment_center" style="width: 520px"><div class="serendipity_imageComment_img"><!-- s9ymdb:19 --><img class="serendipity_image_center" width="520" height="300" src="/uploads/charlesbronson.jpg" alt="bronson" /></div><div class="serendipity_imageComment_txt">This is Charles!</div></div>
Now, what to do:
Find your Media section in the backend via sidebar, upload images and then add them to an entry via the [Media]-button. Having links without the http root path (
/...)- in your case "
/serendipity/images" isn't good either, since there might be situations where the system can't find a
relative path that easy.
To stick with your upper example entry, the path would now look like "
/serendipity/uploads/hotel-1.jpg".
Happy blogging!