This post is especially for HTML rookies. Not that I am underestimating my readers, but I
know for a fact that there are HTML rookies (or more like complete beginners) reading my blog, some (most?) of whom are near and dear to me. So, read on if you think you're a rookie ;) (or if you want to help me with the rookies ;P )
Before I go any further, let me tell you that I'm no HTML expert; I've only learnt the basics and then some extra stuff that has helped me in my blogging. But I do think that the basics are all that matter, because once you understand the logic behind it, you can just copy-paste anything you like :)
So when we write a post with Blogger, there are two tabs (top right). One is "compose", which is usually what I (and HTML rookies) use by default. Here we can add a whole lot of styles to our writing, like font, text size/colour, bold, italics, etc. Click somewhere, and it's magically done. Some of us (like me in the beginning) never even look at the second tab, "edit HTML".
But if we
do take a look at this tab, sometimes we might notice that what's on it isn't exactly the same as what we have been writing on the "compose" tab. (it will be the same only if we are typing solely text and that there are absolutely no styles/formatting) Sometimes, take a look at it and if you know nothing about HTML, you'd be so scared that you will never look at it again.
Why? Because if you happen to have a heavily styled/formatted/image-filled post, the HTML code will be filled with lots of tags like this: <...>
(I shall replace the "<...>" with "[...]" in the rest of the post, because I don't want Blogger to think that I'm trying to style my writing!)
(Why on earth did I blab so much about nothing? -_- )
Now to the important part. Basically, if you put a part of the text in bold, it will appear like this on the "compose" tab:
your text
But in the "edit HTML" tab, it will appear like this:
[span style="font-weight: bold;"]your text[/span]
(remember, I changed the brackets)
The same thing happens if you put some text in italic, or as underlined, etc. (I shall assume that my readers are all smart enough to realise that I don't mean that the same code appears in the HTML ^_^) Of course, the more styles you add, the longer the code will be.
There is a simpler (shorter) code to make text bold or italic, though; I sometimes use it if I'm drafting my post on Notepad. (the application on Windows, not a block of paper ;) )
To make text bold: surround it with [b] and [/b]
To make text italic: surround it with [i] and [/i]
And there are of course many other codes that you can use for other styles, but I don't know them all.
But usually if you only want to put text in bold or in italics, you won't need to bother yourself with HTML code. However, in Blogger (I don't know about other blog services) when you upload photos sometimes they don't appear where you want them to. Okay, scratch that, they
always appear at the beginning of the post, regardless of where you want them. At first I just had to leave them there, because I hadn't yet discovered the "edit HTML" tab. But when I did, my problems were solved.
Try uploading a photo and you will find that there is a code at the beginning of the HTML that starts with [a ...] and ends with [/a]. You might have noticed that all (most, actually, but it doesn't matter) of the HTML codes start with ["a word" ...] and end with [/"that word"] ("that word" being the same as "a word", of course. lol) So to move the photo, all you have to do is to cut that code and paste it where you want in the rest of the HTML code.
Doing this is quite simple because you can usually recognise little bits and pieces of what you've written in the HTML code, even if it is heavily tagged. So you will know where to move the code. But you have to be careful because if you change the HTML without knowing what you are doing, you can possibly wreck your whole post. (I believe the "undo" function doesn't work when you edit the HTML)
BUT! It is easy to take precautions. What I would advise is to always know
exactly what code you cut and from where you took it, and
exactly where you put it. This is so that if anything goes wrong, you can find that piece of code and move it back to where it was. (sometimes I copy it and paste it onto a Notepad first so that it doesn't matter if I forget what the code looked like)
And since you now know that codes usually go [x ...] ... [/x], try not to break that code in half when you move it ;) Then things should go just fine.
So to wrap up this "tutorial", here is the basic thing to know about HTML: Anything other than plain text, that you cannot enter with the keyboard, is done using HTML tags. So, any item can be moved around in your post, provided that you know which HTML code it corresponds to. And if you're adventurous, there are a whole lot of codes to be found on the Internet. Have fun! ;)