click for live sample
Step 1
Sila save gambar-gambar ini, dan upload ke dalam "file manager" blog anda untuk keputusan yang terbaik.
Step 2
Copy coding - and paste.
Step 3
Sila gantikan coding yang ber'font' merah garang di bawah dengan source image yang baru diupload itu - respectively.
Back-up plan
Anda tidak perlu bersusah-susah, bagi saja temporary password blog anda, and I'll settle everything from there. Harks!
All the best.
___________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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: white;
scrollbar-shadow-color: #cccccc;
scrollbar-arrow-color: white;
scrollbar-base-color : #cccccc;
scrollbar-3d-light-color : white;
scrollbar-darkshadow-color : black
}
body {
margin: 0px;
padding: 0px;
background: #385566;
color: #FFFFFF;
font: 8pt verdana, arial, helvetica
}
a:link {
color: #A6A002;
text-decoration: none
}
a:visited {
color: #A6A002;
text-decoration: none
}
a:hover {
color: #D99204;
text-decoration: none
}
.top {
background: #506978;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid
}
.mainc1 {
border: 1px #738592 solid
}
.mainc2 {
background: #294450;
border-left: 12px #4B606E solid;
border-right: 12px #4B606E solid
}
.sidec1{
border-left: 1px #738592 solid;
border-right: 1px #738592 solid;
border-top: 1px #738592 solid;
background: #5A6D7B;
padding: 3px;
font-weight: bold
}
.sidec2{
background: #294450;
border: 1px #738592 solid;
}
.side1 {
padding: 5px
}
.side2{
font: 8pt verdana, helvetica, arial;
color: #FFFFFF
}
.calendar{
color: #F6D086;
font: 7pt verdana, helvetica, arial
}
A.calendar2:link {
font: 7pt verdana, arial, helvetica;
color:906414;
text-decoration: none
}
A.calendar2:visited {
font: 7pt verdana, arial, helvetica;
color:906414;
text-decoration: none
}
A.calendar2:hover {
color:D99204;
text-decoration: none
}
.disabled {
font: 7pt verdana, arial, helvetica;
color: #c0c0c0;
text-decoration: none
}
.date {
padding-left: 10px;
padding-right: 10px;
color: #C48508;
font-weight: normal;
text-align: right;
font: 8pt arial, verdana, sans-serif
}
.blog {
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
color: #FFFFFF;
}
.blogtitle {
color: #93a4ff;
font-family: verdana, helvetica, arial;
font-size: 17pt;
font-weight: bold;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px
}
.blogbody {
padding-right: 5px;
color: #FFFFFF
}
.posted{
font: 7pt verdana, helvetica, arial;
color: #B8A38E
}
a.comments:link {
color: #906414;
font-family: verdana, helvetica, arial;
font-weight: bold;
font-size: 7pt;
text-decoration: none
}
a.comments:visited {
color: #906414;
font-weight: bold;
text-decoration: none
}
a.comments:hover {
color: #D99204;
font-weight: bold;
text-decoration: none;
}
input.btn{
background: #4B606E;
border: #738592 1px solid;
font: 8pt verdana, arial, helvetica;
color: #FFFFFF;
font-weight: bold
}
.notif {
font: 7pt verdana, arial, helvetica;
color: #F6D086
}
.txt9 {
background: #4B606E;
border: #738592 1px solid;
font: 7pt verdana, arial, helvetica;
color: #FFFFFF;
width : 105px
}
input.sfld {
background-color: #4A616B;
border: 1px solid;
border-color: #738694;
color: #FFFFFF;
font-family: verdana, arial, helvetica;
font-size: 8pt;
}
input.sbtn {
background-color: #4A616B;
border: 1px solid;
border-color: #738694;
color: #FFFFFF;
font-family: verdana, arial, helvetica;
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;
font-weight: bold
}
.ctr1 {
background-color: #738592;
color: #C0C0C0
}
.ctr2 {
background-color: #738592;
}
.ctd1 {
color: #FFFFFF;
font: 8pt verdana, helvetica, arial;
padding: 5px
}
a.cta:link {
color: #276186;
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: #C98706;
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 {
}
.tagframe {
background: #FFFFFF;
border-color: #738592;
BORDER: 1px solid;
font: 8pt verdana, arial, helvetica;
color: #FFFFFF;
width: 185px;
height: 200px;
}
.tagurl {
background: #4B606E;
border-color: #738592;
BORDER: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #FFFFFF;
width : 185px
}
.tagmsg {
background: #4B606E;
border-color: #738592;
BORDER: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #FFFFFF;
width : 185px;
overflow: auto
}
.tagname {
background: #4B606E;
border-color: #738592;
BORDER: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #FFFFFF;
width: 105px
}
.tagbtn {
background: #4B606E;
border-color: #738592;
BORDER: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #FFFFFF;
width: 45px
}
</STYLE>
</head>
<body style="background-position: right top; background-color:#000000; background-repeat:no-repeat; background-attachment:scroll">
<p> </p>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="1176">
<tr>
<td width="1176" colspan="5" height="18">
<p align="center">[header html] </td>
</tr>
<tr>
<td width="169" rowspan="3" style="background-image: url('http://yourblogname.blogdrive.com/BORDER_ROSE2.gif'); background-repeat: no-repeat; background-position: left top"> <p> </td>
<td background="http://yourblogname.blogdrive.com/border3.gif" height="130" style="background-repeat: no-repeat; background-position: left top" valign="top" width="649"> </td>
<td width="12" rowspan="3" bgcolor="#0A1B39"> <p> </td>
<td width="280" rowspan="3" bgcolor="#00041A" valign="top" ; background-repeat: repeat-y; background-attachment: scroll; background-position: right top" align="center" style="background-image: url('http://yourblogname.blogdrive.com/border_x2.gif'); background-repeat: repeat-y; background-position: right top">
<div class="side2">
<a href="http://kidal-ism.blogdrive.com/">
<img border="0" src="http://kidal-ism.blogdrive.com/btn_touchedbykidal.gif" width="150" height="70"></a><br>
<br>
[profile image]
<br>
[profile]
</div>
<!-- Profile Section end -->
<div align="center">
[calendar] <br>
</div>
<div align="center">
[tag board]
</div>
<div align="center" id="calendar">
</div>
<p>
<br>
</p>
<div class="division">[gallery]</div>
<div class="division">[search]</div>
<div class="division">[polls]</div>
<div class="division">[favorites]</div>
<!-- html section start -->
<div class="side2">
[side html]
</div>
<p>[contact form]
<br><br>
</p>
<div align="left" class="notif">
[notification]
</div>
<p>
<br><br>
</p>
<div align="center">[hitcounter]</div>
<p>
<br><br>
[rss]
<br>
</p>
<div align=center>
<!-- Please leave a Blogdrive link on your page, as stated in the terms of service agreement. Thank you. -->
<p>
<a href="http://www.blogdrive.com">
<IMG SRC="http://www.blogdrive.com/images/bd2.gif" border="0" alt="Blogdrive" width="120" height="30">
</a>
</p>
</div>
</td>
<td width="66" rowspan="3"> </td>
</tr>
<tr>
<td width="649" valign="top" style="background-repeat: repeat-y; background-position: right top">
<p align="center">[search fields]</p>
<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>
<div align=center>
<table border="0" cellpadding="0" cellspacing="0" width="98%">
<tr>
<td colspan=2 height=1 width="100%" bgcolor="#BF8106">
<img src="../clear.gif" width=25 height=1 border=0 alt=""></td>
</tr>
<tr>
<td width="80%" height=2>
<img src="../clear.gif" width=25 height=2 border=0 alt=""></td>
<td width="20%" height=2 bgcolor="#BF8106">
<img src="../clear.gif" width="20%" height=2 border=0 alt=""></td>
</tr>
</table>
</div>
<p>
<br><br><br>
</datefooter>
</blog>
</div>
<table width="98%" align="center">
<tr>
<td width="33%">[previous page]</td>
<td width="33%" align=center>[bloghome]</td>
<td width="33%" align=right>[next page]</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="649">
<p align="center"><br>
<b><font size="1" color="#9999FF">created by kidal-ism |
for teh-segan.blogdrive.com | 2009
</font></b></td>
</tr>
</table>
</body>
</html>
