Make Your Own Classic Template 2 Colums
Ahad, 26 Februari 2012 | 9:23 PTG
oke haritu Ejat ade dpt REQUEST dari nana. die tnye.mcm ni
. hmmm :( sorry lmbat buat tuto ni. sbb tgh rancang kepale otak ni. mcm mne nak buat bgi org pham. last-2 bru dpt idea mcm mne. oke. nak ? ikut instruction yg EJAT bgi ni.
1 mcm biase lar,REVERT TO CLASSIC TEMPLATE kan ?
2 kosong kan BOX HTML tu.
3 Copy code yg EJAT BGI NI.
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>TITLE BLOG</title>
MERAH URL HEADER
BIRU TITLE BLOG
4 COPY CODE NI,THAN PASTE DKAT BWAH CODE TDI.
<style type="text/css">
#navbar-iframe {display: none;}
body {
background:url(URL BACKGROUND);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(URL CURSORS), auto;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color: #FFFFFF;
border-bottom:1px solid #FF99D5;
}
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
HIJAU width content/badan blog
OREN width sidebar
5 copy dan paste bwah code tdi.
.main-title {
color:#000000;
font-size:14px;
padding:3px;
border-bottom:1px solid #999999;
}
.sec-title {
color: #000000;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote {
color:#ffffff;
border: 1px solid #000000;
background:#000000;
padding: 2px;
}
</style>
<table style="line-height: 17px;" width="800" border="0" align="center" cellspacing="5">
<tbody><tr>
<body oncontextmenu='return false;'><br>
PINK LEBAR CONTENT.
Merah mcm biase lar. COLOR CODE korg.
6 oke continue. copy than paste bwah code tdi.
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;">
<div id="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
7 copy code untuk sidebar plak.
<td valign="top" width="230px">
<div class="sidebar">
<div class="main-title">TITLE SIDEBAR</div>
ISI-ISI SIDEBAR</div>
<br>
<div class="sidebar">
<div class="main-title">TITLE SIDEBAR</div>
ISI-ISI SIDEBAR</div>
<br>
<div class="sidebar">
<div class="main-title">TITLE SIDEBAR</div>
ISI-ISI SIDEBAR</div>
<br>
</td>
MERAH TITLE SIDEBAR
BIRU ISI-2 SIDEBAR YG KORG NAK LTAK.
8 DAH SIAP SEMUA TU. THAN NI FOR PENUTUP. COPY THAN PASTE BWAH CODE TDI.
</table></body></head></html>
9 OKE NAK TMBAH SIKET NAVIGATION KAN ?
oke copy code ni than paste atas code
</style>
a.Navi {
color: #000000;
}
MERAH color code
10 search code
</td>. dah jmpe ? oke copy code bwah ni than paste atas die.
<div class="sidebar">
<div class="main-title">TITLE SIDEBAR</div><br>
<center><a class="Navi" onClick="document.getElementById('content').innerHTML=document.getElementById('E').innerHTML" title="My Profil">About Me</a>
<a class="Navi" onClick="document.getElementById('content').innerHTML=document.getElementById('J').innerHTML" title="Linkies">Link</a>
<a class="Navi" onClick="document.getElementById('content').innerHTML=document.getElementById('A').innerHTML" title="Back To The Story">EntrY</a>
</div>
<br>
<div id="E" style="display:none;">
<div class="main-title">About The Owner</div><br>
Tulislah ape-ape berkenaan diri korang kat sini / Biodata korang
</div>
<div id="J" style="display:none;">
<div class="main-title">Little Linkies</div><br>
<a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a>
</div>
<div id="A" style="display:none;">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
JGN LUPE CREDIT BLOG EJAT OKE