![[external link]](/global/images/nav/external_micro.gif){kind=small}
Blogs - Customising a blog
This tutorial outlines how to use the blog tool with a style template. It covers how to access the template code and where to place it within a blog.
The same steps can be applied to style a journal.
1. Go to the content area where a blog task has been setup. In this case the blog is setup in Course Content and is called Blog 1. Select the blog.
2. Select "Create Blog Entry".
3. For the new blog entry enter a title then select the Toggle HTML Source Code button. The message area will now have code space.
4. Copy the following template code (below) and paste it within the message box coding area.
<!-- code start -->
<table cellspacing="0" cellpadding="0" border="0" align="baseline" style="width: 800px;">
<tbody>
<tr colspan="3" style="border: 1px solid rgb(0, 0, 0);">
<td style="vertical-align: top; border: 1px solid rgb(0, 0, 0); text-align: center;" colspan="3">Add banner picture here. The width of the banner should be 800 pixels wide.</td>
</tr>
<tr>
<td style="width: 22px; background-color: rgb(65, 0, 89);"><span style="color: rgb(65, 0, 89);"></span></td>
<td><div style="float: right; width: 200px;"><table cellspacing="0" cellpadding="0" border="0" align="baseline" style="width: 200px;">
<tbody>
<tr>
<td style="width: 197px; height: 130px; text-align: right; border-left: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0);">Add profile pic here</td>
</tr>
<tr style="border-left: 1px solid rgb(0, 0, 0);">
<td style="width: 147px; text-align: left; border-left: 1px solid rgb(0, 0, 0);">Name:</td>
</tr>
<tr style="color: rgb(0, 0, 0);">
<td style="width: 147px; text-align: left; border-left: 1px solid rgb(0, 0, 0);">Age:</td>
</tr>
<tr style="color: rgb(0, 0, 0);">
<td style="width: 147px; text-align: left; border-left: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0);">Description:</td>
</tr>
</tbody></table></div>
Title<br /> <br />Content<br /><br /></td>
<td style="width: 22px; background-color: rgb(0, 0, 0);"></td>
</tr>
<tr colspan="3">
<td style="vertical-align: top; text-align: center; background-color: rgb(0, 0, 0);" colspan="3">.</td>
</tr>
</tbody>
</table>
<!-- code end -->
5. Select the Toggle HTML Source Code button. The message area will now show the template style that can be adjusted and added to using the color, insert image, and text manipulating tools available on the visual text editor.
Select Post Entry or Save Entry as Draft.
Note - the template uses a fixed width and therefore won't scale.