OK, here is a low-down of what is possible with the Miasma Of Musings blogging system. This topic was brought up by TexasRose and I felt I had to deal with it. So, with that in mind I created a series of blog entries to illustrate what is possible with this software. The articles have been back dated so that they do not show up on the top of the blogging list, but I wrote them today. Here is a list of the entries:

• Standard Entry, No Images
• Standard Entry, Inline Image Left
• Standard Entry, Inline Image Right
• Standard Entry, Mutilple Images
• Standard Entry, Horizontal Image
• Icon Entry; Size of Icon
• Icon Entry; Not this
• Icon Entry; With Other HTML

So, I would suggest that the blogger on this site take a look at them, and check them out from time to time as I may update these entries as well.

Here is a standard entry with a simulated entry icon. To do this, instead of placing the image in the “Entry Icon URL” field, place it in the body field. You will have to know a bit about HTML and tags for this, so that the padding around the image is there. (This is the hspace attribute in the img tag, in this case hspace="8px" to add that little extra space and make it look better.) Also, to get the text to the top of the image, you will need to float the image to the left and that can be done by using the align="left" attribute in the img tag as well.

The other nice thing about this format is that the paragraph text will flow around the image. When the text clears the bottom of the image it will wrap around the image and fill the space. This looks real good and in fact when I archive my own entries in WORD, this is how I do it. It is a nice touch of typography and makes the entry look professional.

Here is a standard entry with a simulated entry icon. To do this, instead of placing the image in the “Entry Icon URL” field, place it in the body field. You will have to know a bit about HTML and tags for this, so that the padding around the image is there. (This is the hspace attribute in the img tag, in this case hspace="8px" to add that little extra space and make it look better.) Also, to get the text to the top of the image, you will need to float the image to the left and that can be done by using the align="right" attribute in the img tag as well.

The other nice thing about this format is that the paragraph text will flow around the image. When the text clears the bottom of the image it will wrap around the image and fill the space. This looks real good and in fact when I archive my own entries in WORD, this is how I do it. It is a nice touch of typography and makes the entry look professional.

Here is a standard entry with a simulated entry icon. To do this, instead of placing the image in the “Entry Icon URL” field, place it in the body field. You will have to know a bit about HTML and tags for this, so that the padding around the image is there. (This is the hspace attribute in the img tag, in this case hspace="8px" to add that little extra space and make it look better.) Also, to get the text to the top of the image, you will need to float the image to the left and that can be done by using the align="left" attribute in the img tag as well. Likewise the image on the right is the same except that it is floated to the right and notice that the text flows around both images nicely and looks might professional. (Oh, BTW to get the text and image on the right to not touch, I add the vspace="5" attribute to the img tag.)

The other nice thing about this format is that the paragraph text will flow around the image. When the text clears the bottom of the image it will wrap around the image and fill the space. This looks real good and in fact when I archive my own entries in WORD, this is how I do it. It is a nice touch of typography and makes the entry look professional.

There are times that you may want to put a horizontal image in an entry. This is ot hard, just place it inline with the text. You may want to consider align="center" and some padding, but that will like not need to happen. Like this:

OK, here is the deal. I have standardized the minimun size of the “Entry Icon” at 100px in width. Can you go more? Yes, but here is the reasoning why you would not want to do it. If you are the only person on the page with a wider image, it is going to look silly. Likewise, if you go smaller, the image will float and still fill up the minimum 100px. However, you could put more than one image there if you wish. There is no rule that limits you to one image. (remember that too many images will spread the entry out, too many images will look strange.)

The issue of going wider however then cuts into you space for your entry. Too large and you are going to break other things on the page and not just your entry. Remember you are part of a community, let’s all make this look nice.

This entry is a regular entry… but that does not mean that you can not add images to the text side of things…

So yeah, you could do some interesting things with this format. Remember that the maximum width is 350px when you put images on this side.

Welcome bloggers. I know there is a lot to learn about this site, and I will answer and give the best feedback I can with what I know. If there is a question concerning personal information or passwords, use our Contact Form.

Suggestion #1 - If the question is on formatting your entrys more precisely, I would recommend a good book on HTML 4.2. I will ask that you at least try looking up the solution first on the web at least, I am only one man.

Suggestion #2 - If you are uploading an entry icon, please resize it to 100 pixel width, constain proportions, then place and close window. This will format the icon to the proper size and place it correctly.

Suggestion #3 - Got to get into your control panel, go to the link on the top right next to the login and follow the screens from there. Still can’t get in, let me know here (comment) or email me.

Suggestion #4 - Spell Check EVERYTHING.

Suggestion #5 - Have Fun.

If these do not help (and I am sure that they will not cover even a tiny fraction) comment here and we will work it all out.