❝ are you alice? ❞
Tutorial - Edit blogskins like me part 1 :)
21 January 201207:20

Tumblr_lx5jew2oka1r00vtxo1_500_large
Hii :'3 Hari ni saya nak buat tutorial macam mana nak buat blogskins macam saya . Faham kan ? Hihi :) So , Harap - II tutorial kali ne korang faham T-T . Hihi , okay jom start :) Saya buat tutorial ne guna template ini , ya ? Hoho ^^v

First step -
Deleted your all coding and start with my tutorial nee okay ? ;
Copy code di bawah ni and paste kan dekat ruangan kosong tu k :)




<html>
  <head>
<SCRIPT TYPE="text/javascript">
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="No Copy!";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</SCRIPT>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<div>
<div style="position: fixed; overflow-x:hidden; overflow-y:hidden; padding:3px; left:15px; top:5px; background: #fff; border-radius:3px;opacity:.8;border:1px solid #E8C6FF;font-family: tahoma; font-size: 11px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=Your Blog ID">+ Follow</a> or <a href="http://www.blogger.com/home">Dashboard</a></div>
  <title>Super Bass</title>
<style type="text/css">
#navbar-iframe {
display: none;
}

Maaf lah sebab code atas ni panjang sngt -,- then , awak copy pulak code bawah ne and paste kan dekat bawah code atas ne ^^v





body {
background: #FFF;
font-family: tahoma;
font-size:11px;
color: #888;
cursor: crosshair;
}
::-webkit-scrollbar {
height: 10px;
width: 6px;
background: #FFF;
}
::-webkit-scrollbar-thumb {
background-color: #FFF;
border-radius: 10px;
}
a:link, a:visited {
color:#FFF;
text-decoration:none;
-webkit-transition: .4s;
}
a:hover {
-webkit-transition: 0.5s;
color: #000;
cursor: crosshair;
}
i {
color: #000;
}
b {
color: #000;
}
u {
text-decoration:none;
border-bottom:2px solid #000;
padding-bottom:1px;
}
blockquote {
border:1px solid #FFF;
padding:6px;
border-radius: 5px;
color: #FFF;
background:#000;
}
img {
border-radius:5px;
}
.title2 {
border-bottom: 1px solid #EEEEEE;
font-family: century gothic;
text-align: center;
color:#E8C6FF;
font-size:18px;
padding-bottom:5px;
margin-bottom:3px;
}
.comments {
text-align: right;
color: #000;
font-size:10px;
margin-top:.5em;
margin-bottom:2em
}
a.super {
text-align: center;
font-family: tahoma;
font-size: 11px;
text-transfrom:uppercase, lowercase;
background: #fff;
border-radius:3px;
border: 1px solid #ccc;
color:#E8C6FF;
padding-right:8px;
padding-left:8px;
-webkit-transition:3s;
}
a.super:hover {
color:#888;
border: 1px solid #E8C6FF;
-webkit-transition:3s;
}
a.bass {
text-align: center;
font-family: tahoma;
font-size: 11px;
text-transfrom:uppercase, lowercase;
background: #fff;
border-radius:3px;
border: 1px solid #E8C6FF;
color:#888;
padding-right:8px;
padding-left:8px;
-webkit-transition:3s;
}
a.bass:hover {
color:#E8C6FF;
border: 1px solid #ccc;
-webkit-transition:3s;
}






Apa yg saya bold kan tu , sila tukar okay ? And yah , tukar la apa yg patut ye :)
- Then , copy code bawah ini pulaa .




 </style>
  </head>
  <body>
<table style="font-size: 11px;color: #000; line-height: 16px; background: #fff; border: 1px solid #ccc; padding-left:15px;padding-right:15px;padding-top:10px;border-radius:5px;" width="810" align="center" border="0" cellspacing="8"><tbody><tr>
<center><img src="HEADER URL HERE"></center>
<td valign="top" style="line-height:13px;  font-size:11px; width:230px;padding-right:15px;padding-top:6px;">
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Disclaimer</div><br>
PUT ANYTHING HERE .<br><br>
<center>
<a class="super" onClick="document.getElementById('pages').innerHTML=document.getElementById('about').innerHTML">About</a>
<a class="bass" onClick="document.getElementById('pages').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a>
<a class="super" onClick="document.getElementById('pages').innerHTML=document.getElementById('affies').innerHTML">Affies</a>
<a class="bass" onClick="document.getElementById('pages').innerHTML=document.getElementById('entries').innerHTML">Entry</a>
</center>
<br><br>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Tagboard</div><br>
Preview : <b>Bold</b>, <i>Italicized</i>, <u>Underlined</u>, <s>Strike</s><br><br>
Put your shoutbox here about : <br>
width: 230px <i>max</i>  <br>
height: 75px or other else.<br><br>
<br><br>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Credits</div><br>
Attention! Do NOT remove this section!<br><br>
Best viewed ; Safari<br>
Big help ; <a href="http://www.silver-owls.co.cc/">Thé Silver Owls;</a> , <a href="http://www.magical-whitemouse.co.cc/">Amen Aj</a> , <a href="http://yesterdaysf-ate.blogspot.com/">Yesterdaysfate</a> and <a href="http://babydoll.nu/">Babydoll.nu</a><br>
<br>
<center><OlderPosts><a href=<$OlderPosts$>> Older </a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer</a></NewerPosts></center>
</div></div>
<td valign="top" style="width:480px;padding-top:5px;">
<div id="pages">
<Blogger>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="comments"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> lovely letter's</a></BlogItemCommentsEnabled><font color="#FFA8C7"> ♥</font></div>
<$blogitembody$></blogger><br>
</div>
<div id="about" style="display:none;">
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Meet The Boss</div><br>
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHTLOlGBQ61ZpDipq5OEGTlBNhPIbSlBvNdbZmnye4b6izjvpMlIrmDWpEUz_fV4sVSctqNxD4NhhfXc-TSwlMMx2gciGPS4SSiPflDhX8VDPE02vuPMYzzq6pZWoPh2ZYvv6EdLjonY/s1600/a.png'></center><br>
<blockquote>P/s; You can change whatever you want to (Y)</blockquote>
</div></div>
<div id="stuffs" style="display:none;">
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Stuffs</div><br>
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiorRY8mEwcB8-hMHigjO4B_tidwvic_pLZA_KvuG8Trz4vfnZIEpOAJKBoqC2Xe3jSX_Sl4IRkSfwwS67wLtJqXYjnS512xhfz-USPVV_bWalvVWOUiBGkBu0iOE9K3tEWNbP9j5QA9Ho/s1600/f.png'></center><br><br>
Stuffs<br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><a href="">Coming Soon</a><br><br>
</div></div>
<div id="affies" style="display:none;">
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Affies</div><br>
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4aY2UC1UabvV3rKSy_1euUK1plz26miE7yCkrLiUJFgBdWQRtnSHbG9KqHLNaidEeDR9iBA3mENjinQiG-LtcXSDOki6MrXFTLH3CiNOSQdc20wCs8LaU_lwILs8MKUkPG22HWsa0jM/s1600/c.png'></center><br><br>
<a href="http://www.silver-owls.co.cc/">Thé Silver Owls;</a><br><a href="http://www.silver-owls.co.cc/">Thé Silver Owls;</a><br><a href="http://www.silver-owls.co.cc/">Thé Silver Owls;</a><br></div></div>
<div id="entries" style="display:none;">
<Blogger>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="comments"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> lovely letter's</a></BlogItemCommentsEnabled><font color="#FFA8C7"> ♥</font></div>
<$blogitembody$></blogger><br>
</div>
</div></div>
  </body>
  </html>



Ahaa , selesai sudah ;) Hope korang faham k . and big thanks to 'Silver Oils' sebab saya menggunakan template diaa . hihi x) Korang ubah la apa yg patut ya ? sorry la kalau xpaham tutorial ne :< Kita sambung di bahagian 2 nanti okay ? if ada yg xpaham or whatelse , bg tau ja kt facebook , shoutbox or comment sini k ^^v

P.s : Kalau xnak bg colour , boleh tukar ke image . tukarkan code 'background: #fff;' dengan code yg ini : 'background-image: url(IMAGE URL);' . OKAY ? KCHAW :P
About

'Oh you had me believing
I didn't have strength for leaving.
But any fool can see I'm better off,
Just look at me.'

credit