The HTML Template

Kirsty left a comment on my first post asking if she could centre her photos. The answer is YES! The beauty of having the HTML template is that (if you know HTML) you can format your photos however you want them, not just however I decided would look good.

So to make your photos centred you could alter the default HTML template to add “text-align:center”. Like this:

<div style=”margin-bottom: 15px;”><div>{photo_desc}</div><div style=”margin: 10px 0px;text-align:center“><a href=”{photo_url}”><img src=”{photo_src_m}” alt=”" style=”border: solid 1px #000000;” /></a><br /><span style=”font-size: 0.8em; margin-top: 0px;”><a href=”{photo_url}”>{photo_title}</a><br /></span></div></div>

The catch of course is that you have to know HTML, but many bloggers do know a bit and if you ask you can usually find someone who can tell you how to acheive what you want.

One thing you do need to be aware of though is that most blogging software has two modes of editing your posts, a visual/compose/wysiwyg mode and a HTML mode and you need to make sure you create your post using the HTML mode - because Flogger generates HTML!  One leetle problem with this though is that any newlines in your photo comments won’t show up in your posts (due to the way HTML works).  If this happens to you then the best thing to do (after creating your post in HTML mode) is probably switch to the other mode and add the newlines where you need them.  Make sense?

I think I’m going to need somewhere to posts flogger examples so I’ve set up a flogger test blog here, http://floggertest.wordpress.com/.  The first example I’ve put there is centering the images.

Leave a Reply

You must be logged in to post a comment.