Tutorial cara buat blogskin sendiri

1) Revert to CLASSIC TEMPLATE dulu . 
2) Lepas dah siap revert , DELETE semua kod-kod yang ada di RUANGAN EDIT HTML tu . Senang cerita , KOSONGKAN !
3) Copy kod di bawah ni dan paste dekat atas sekali .
<html><head><center><img src="URL Header korang" />
</center><title>Title blog</title>
-Warna merah tu , letak URL HEADER korang .
-Warna Hijau tu , letak TITLE BLOG .

4) Lepas dah buat apa yang patut , copy kod di bawah ni dan paste DEKAT BAWAH kod tadi .


<style type="text/css">#navbar-iframe {display: none;}body {background:url(URL Background);font-family: century gothic, tahoma, sans-serif;background-attachment:fixed;cursor: url(URL Cursor), auto;}a:link, a:visited {color:#CC99FF;text-decoration:none;}a:hover {color: #549DF1;border-bottom:1px solid #FF99D5;}</style><body oncontextmenu='return false;'><br>


 -Warna merah pertama , URL Background . Warna merah kedua , URL Cursor yang korang akan guna .
-Warna oren warna link korang .
-Warna purple , warna hover dia .

 5) Lepas dah siap , tekan CTRL+F dan search kod </style> dan bila dah jumpa , paste kod di bawah ni dekat atas kod </style> tu .
.content {background:#ffffff;color:#666666;font-size: 11px;padding:14px;width:600px;border-radius:10px;text-align:justify;}.bar {background: #ffffff;color: #666666;font-size: 11px;padding: 8px;width: 230px;border-radius: 10px;text-align: justify;}.main-title {color:#3BBDEC;font-size:14px;padding:3px;border-bottom:1px solid #999999;}.sec-title {color: #3BBDEC;font-style:italic;font-size:10px;margin-bottom:2em;}blockquote {border: 1px solid #000000;padding: 2px;}


 -Warna merah tu untuk warna tulisan di sidebar . 
-Warna purple untuk border sidebar .
-Warna oren untuk border blockqoute

 6) Lepas dah siap , CTRL_F dan cari kod  <body oncontextmenu='return false;'>
7) copy kod di bawah ni dan pastekan DI BAWAH kod  <body oncontextmenu='return false;'> tadi .

<table style="line-height: 17px;" width="900"  border="0" align="center" cellspacing="5"><tbody><tr>


 8) Then , copy code dibawah ni dan pastekan DI BAWAH kod tadi .
<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>


 9) Copy code dekat bawah ni dan pastekan DIBAWAH kod tadi .

<td valign="top" width="230px"><div class="bar"><div class="main-title">TITLE SIDEBAR</div>ISI SIDEBAR</div><br><div class="bar"><div class="main-title">TITLE SIDEBAR</div>ISI SIDEBAR</div><br><div class="bar"><div class="main-title">TITLE SIDEBAR</div>ISI SIDEBAR</div><br></td>


 -Warna biru tu , TITLE SIDEBAR korang . Contoh , Tagboard , Music dan lain-lain .
-Warna oren , tu isi sidebar . Korang nak letak kod cbox ke .. Nak letak kod lagu ke .. ikot suke lahh .
-Warna merah tu jangan usikk , ada function dia nanti .

 10 ) Copy code dekat bawah ni dan pastekan dekat bawah sekali .
</table></body></head></html>
Jom kita buat navigations pulak . Alaaa , yang ABOUT , STUFFS , LINKIES and blah blah tu -.-

1) CTRL+F dan cari kod </style> . Copy code dekat bawah ni dan pastekan DI ATASkod </style>
a.cute {background: #FFE2EA;padding: 2px;letter-spacing: 2px;display: inline-block;width: 190px;color: #FF789F;border: 1px #FF789F solid;}a.cute:hover {border: 1px #FF789F solid;background : #FFE2EA;color: #FF789F;}


 -Warna biru , untuk background navigations .
-Wrna purple , untuk colour tulisan navigations .
-Wrna oren , untuk colour border navigations .

 2) Ingat tak kod </td> yang aku merahkan tadii ? Copy kod bawah ni dan pastekan DI ATAS kod </td> tadi .
<div class="bar"><div class="main-title">NAVIGATIONS</div><br><center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Entries</a></div><br>


 Copy code di bawah dan pastekan DI BAWAH kod tadi .
<div id="me" style="display:none;"><div class="main-title">The Webmaster</div><br>Tulislah ape-ape berkenaan diri korang kat sini / Biodata korang</div><div id="love" style="display:none;"><div class="main-title">Affies&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="you" 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>
Huh penat gila menaip . Okayh selamat mencuba ^^



Penat berfikir