Step 1
Save this picture in your file manager
border_left.gif
border_right.gif
btn_touchedbykidal.gif
Step 2
Copy coding - paste to main template editor.
Step 3
Replace the red-coloured code with your blog address.
_______________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>[title]</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
Design by MD & TL for www.blogdrive.com
-->
<STYLE type="text/css">
html {
scrollbar-face-color: #DFDFDF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #CCCCCC;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color : #CCCCCC;
scrollbar-3d-light-color : #FFFFFF;
scrollbar-dark-shadow-color : #000000
}
body {
font-family : verdana, arial, helvetica;
font-size : 8pt;
margin: 0px;
padding: 0px;
}
td {
font: 8pt verdana, arial, helvetica
}
.header {
font: 8pt verdana, arial, helvetica;
color: #000000
}
p {
color: #C0C0C0;
font: 8pt verdana, helvetica, arial
}
.side2 {
padding: 2px;
background: #FFFFFF;
color: #000000;
line-height: 14px;
font: 9pt verdana, helvetica, arial
}
.side3 {
padding: 5px;
color: #000000;
font: 8pt verdana, helvetica, arial
}
.input9{
background-color: #FFFFFF;
border: #666666 1px solid;
color: #009d57;
font: 8pt verdana, helvetica, arial
}
.calendar{
color: #666666;
font: 7pt verdana, helvetica, arial
}
a:link {
color: #78A1AB;
font: 8pt verdana, helvetica, arial;
text-decoration: none
}
a:visited {
color: #78A1AB;
font: 8pt verdana, helvetica, arial;
text-decoration: none
}
a:hover {
color: #8208CF;
font: 8pt verdana, helvetica, arial;
text-decoration: none;
}
a.comments:link {
color: #78A1AB;
font: 7pt verdana, helvetica, arial;
text-decoration: none
}
a.comments:visited {
color: #78A1AB;
font: 7pt verdana, helvetica, arial;
text-decoration: none
}
a.comments:hover {
color: #8208CF;
font: 7pt verdana, helvetica, arial;
text-decoration: none;
border-bottom: 0px dashed
}
a.calendar2:link {
color: #254899;
font-family: verdana, helvetica, arial;
font-size: 7pt;
text-decoration: none
}
a.calendar2:visited {
color: #254899;
font: 7pt verdana, helvetica, arial;
text-decoration: none
}
a.calendar2:hover {
color: #EC7E13;
font: 7pt verdana, helvetica, arial;
text-decoration: none;
border-bottom: 0px solid
}
a.disabled {
color: #C0C0C0;
font: 7pt verdana, helvetica, arial;
text-decoration: none
}
.posted{
color: #78A1AB;
font: 7pt verdana, helvetica, arial
}
.date {
border: #C0C0C0 1px solid;
padding-left: 10px;
color: #808080;
font: 8pt verdana, helvetica, arial
}
.blog {
padding-right: 5px;
padding-left: 5px;
padding-top: 5px
}
.blogbody {
padding-right: 5px;
line-height: 14px;
padding-top: 10px;
color: #C0C0C0;
font-size: 8pt
}
.blogtitle {
padding-right: 5px;
padding-left: 5px;
line-height: 14px;
padding-top: 10px;
color: #C0C0C0;
font: 9pt verdana, helvetica, arial;
font-weight: bold
}
input.btn{
background-color: #EC7E13;
border: 1px solid;
border-color: #666666;
color: #FFFFFF;
font: 7pt verdana, helvetica, arial;
font-weight: bold
}
.notif {
font: 7pt verdana, helvetica, arial;
color: #666666
}
.txt9 {
background-color: #FFFFFF;
border: 1px solid;
color: #808080;
font: 7pt verdana, helvetica, arial;
width : 105px
}
input.sbtn {
background-color: #B4C0C3;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
input.sfld {
background-color: #B4C0C3;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
.division {
margin-top: 5px;
margin-bottom: 5px;
}
/* css for extended areas begin */
.exte {
background: #4A6B5D;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
font-family: arial, verdana, sans-serif
}
.extk {
background: #4A616B;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
font-family: arial, verdana, sans-serif
}
/* css for extended areas end */
/* css for perma comments begin */
.ctable1 {
border: 0px solid;
width : 450px;
}
.cpost {
font: 8pt verdana, helvetica, arial;
color: #000000;
font-weight: bold
}
.ctr1 {
background-color: #B4C0C3;
}
.ctr2 {
background-color: #B4C0C3;
}
.ctd1 {
background-color: #000000;
color: #FFFFFF;
font: 8pt verdana, helvetica, arial;
padding: 5px
}
a.cta:link {
color: #394D5A;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:visited {
color: #394D5A;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:hover {
color: #973D11;
font: 8pt verdana, helvetica, arial;
text-decoration: none;
font-weight: bold;
border-bottom: 0px dashed
}
textarea.ct {
background-color: #B4C0C3;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
input.ct {
background-color: #B4C0C3;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
/* css for perma comments end */
/* css for tag board */
div.cont1 {
width: 185px
}
div.cont2 {
border: 0px solid
}
.tagframe {
background-color: #FFFFFF;
border: 1px solid;
color: #808080;
font: 8pt verdana, helvetica, arial;
width: 185px;
height: 200px;
}
.tagurl {
background-color: #FFFFFF;
border: 1px solid;
color: #808080;
font: 7pt verdana, helvetica, arial;
width : 185px
}
.tagmsg {
background-color: #FFFFFF;
border: 1px solid;
color: #808080;
font: 7pt verdana, helvetica, arial;
width : 185px;
overflow: auto
}
.tagname {
background-color: #FFFFFF;
border: 1px solid;
font: 7pt verdana, helvetica, arial;
color: #808080;
width: 105px
}
.tagbtn {
background-color: #FFFFFF;
border: 1px solid;
font: 7pt verdana, helvetica, arial;
color: #808080;
width: 45px
}
</STYLE>
</head>
<body bgcolor="#000000">
<br>
<div align="center">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align="center" class="header">
<font color="#FFFFFF">[header html] </font>
</td>
</tr>
</table>
</div>
<br> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" bordercolor="#008000">
<tr>
<td width="150" rowspan="2" bordercolor="#008000" style="background-image: url('http://your_blog_url.blogdrive.com/border_left.gif'); background-repeat: repeat-y; background-position: right top"> </td>
<td bordercolor="#008000" valign="top">
<DIV CLASS="blog">
<blog>
<dateheader>
<DIV CLASS="date">[date]</DIV>
</dateheader>
<DIV CLASS="blogtitle">[blog title]</DIV>
<DIV CLASS="blogbody">
<p>[body]
<DIV CLASS="exte">[extended entry]</DIV>
<DIV CLASS="extk">[extended keywords]</DIV>
<p></p>
<DIV CLASS="posted">Posted at [time] by [author]<br>
[comments] [permalink]<br><br>
[comment data]
</DIV>
</DIV>
<datefooter>
</datefooter>
</blog>
</DIV>
<table width="98%" align="center">
<tr>
<td width="33%"><font color="#FFFFFF">[previous page]</font></td>
<td width="33%" align=center><font color="#FFFFFF">[bloghome]</font></td>
<td width="33%" align=right><font color="#FFFFFF">[next page]</font></td>
</tr>
</table>
<p> </td>
<td width="210" rowspan="2" bordercolor="#008000" bgcolor="#FFFFFF" background="http://kidal-ism.blogdrive.com/border_right.gif" style="background-image: url('http://your_blog_url.blogdrive.com/border_right.gif'); background-repeat: repeat-y; background-position: left top" valign="top" align="center">
<div class="division">
<p align="center">
<img border="0" src="http://your_blog_url.blogdrive.com/btn_touchedbykidal.gif" width="150" height="70"></p>
<p>[calendar] </p>
<p>[profile image]</div>
<div class="division">[profile]</div>
<div align="center"><font color="#FFFFFF">[tag board]</font></div>
<div class="division"><font color="#FFFFFF">[gallery]</font></div>
<div class="division"><font color="#FFFFFF">[search]</font></div>
<div class="division"><font color="#FFFFFF">[polls]</font></div>
<div class="division"><font color="#FFFFFF">[favorites]</font></div>
<div class="division"><font color="#FFFFFF">[side html]</font></div>
<div class="division"><font color="#FFFFFF">[contact form]</font></div>
<p><font color="#FFFFFF">
<br>
</font></p>
<div align="left" class="notif">
[notification]
</div>
<p><br>
</p>
<div align="center">[hitcounter]</div>
<p><br>
<br>
[rss]
<br><br>
<!-- Please leave a Blogdrive link on your page, as stated in the terms of service agreement. Thank you. -->
</p>
<div align="center">
<a href="http://www.blogdrive.com">
<img src="http://www.blogdrive.com/images/bd4.gif" border="0" alt="" width="120" height="30">
</a>
</div>
<p> </td>
</tr>
<tr>
<td bordercolor="#008000" style="border-left: 1px solid #008000; border-right: 1px solid #008000; border-top-width: 1; border-bottom: 1px solid #008000">
<p align="center"><b><font size="1">DESIGNED BY KIDAL-ISM.BLOGDRIVE.COM</font></b></td>
</tr>
</table>
</div>
<br><br><br>
</body>
</html>