How to Make a Blog Layout
How you create a layout for your blog depends on what kind of blog you want. If you have a blog on a free blog hosting site, you would use the layout designer located on that site to customize the look of your blog. If you want to make a layout for the blog that you are hosting at your own domain, then you will need to create it in a specific format and upload it to the proper folder in your hosting directory.
Other People Are Reading
Instructions
-
-
1
Create a mock-up of the design to give you an idea of how the finished design will look. Open a graphic editing program and create a new file that is 900 pixels wide and 600 pixels high. Fill this area in with the color you want to use for the background on the blog.
-
2
Draw a large vertical rectangle in the center and fill it in with a light color. This will be the container that will hold the content of your blog, the column that will be your sidebar to hold information for your blog, and a footer to hold copyright information and credits. Decide how large you want the sidebar and content columns to be, but they need to add up to the width of the container.
-
-
3
Choose the colors that you want to use for your text, the text links and all of the other elements that you wish to include. Decide on the style of your title or "header" and whether you will want to make it just plain text or an image. If you want your header to be an image, type the name of your blog in with the text tool in your graphic editing program and include your blog logo if you have one. Cut out the image with the cropping tool and save it as "header."
-
4
Create a new file in your website's file directory to use as a test page for the layout. Refer to the Resources section of this article and follow the links to an in-depth tutorial on how to create a layout with the use of "divs" and style them with a CSS file (Cascading Style Sheet). Divs are the separate elements that will be the framework of your layout. Copy and paste the codes from the tutorials and apply them to the files in your directory.
-
5
Upload any images to your server that you want to use for your header or as a tiled background.
-
1
