Okay. This tutorial is how I make blogskins. You can view some of them here However, do note that my way of coding stuff may not be 100% W3 approved, so please bear this in mind! For those who are not so picky about protocol, this tutorial should be good enough for you.
I will try as much as possible to explain this tutorial in steps, but you know how impatient I am. If you find that I missed out something, please let me know at liewqi@sixseven.org
Questions should also be directed to the above email address.
For blogger users: I have added a small bit on the blogger codes for archives, previous posts, and blogcontent
Now on to the tutorial!
Starting tools
I usually code my skins manually on Notepad. Notepad should be available on every computer (or at least Windows). You can also use Wordpad or Edit.
Notepad is found under Start - Programs - Acessories - Notepad.
As you follow this tutorial, copy the codes and paste them into Notepad.
Basic tags
I am not going through tags like the bold tag, the italic tag, the font tag and stuff. You can look them up at lissaexplains. My site is not big enough to go through all them basic tags. When you done and you feel confident, come back here.
Head
This is how my head usually looks like. Explanations for each part is given below too.
Body Part 1 - Background color/image and main picture
Include this after the head portion:
Div Layer for User info
Div Layer for Blog
The ending tags - Short and sweet
This section is for blogspot users only.
Blog Entries Code
If you followed the code above, your blogpost will look like this:
Tuesday, November 16, 2004 : My boring day
gosh i was bored today
yourname blogged at 6:21 PM
Blog Archives Code
If you followed the above code, your blogarchives section will look like this:
October 2004
November 2004
December 2004
Previous Posts Code
If you followed the code, there will be a list of previous posts (10 of 'em) from the latest on top to the earliest below.
That's all for today! I hope this helps =)
A more advanced tutorial - click here
