❝ are you alice? ❞
Tutorial - Edit blogskins like me part 2 :)
21 January 201222:27

Tumblr_lxvpponh431qb7qu3o1_500_large
Ah i like you like a love song baby ~~~

Hai . actually part 2 ne xtau ak ajar apa . Oh ya , saya nak sambung tutorial yg _ ini_ maybe sekarang saya nak ajjar letak bg , n' so on . sorry la ye kalau tutorial ne amat basic or what :) Hehe . K jom mulakan . Jika ada pepe masalah , sila bgtau or comment k . Saya xpandai nk mengajar org :)


  • Dashboard
  • Template
  • Ctrl + F and find this code -
body {

Bawah code body { ada anak anak code dia kan ? like this one ;

background: #FFF;
font-family: tahoma;
font-size:11px;
color: #888;
cursor: crosshair;
}

> background: #FFF boleh tukar jd warna lain . boleh tngok code colour kat sini jeaa :) kalau nak letak background , gantikan 'background: #FFF; kepada background-image: url(); Background korang bole cari dekat cherrybam ke , freebies org ke . hehe :'3 hoho , okay nah saya bg satu . sorry grey coloour ^^v



Hee , then . cuba preview . nnti mesti korang nmpk background yg korang paste td :) 
- Err ok sekarang ne pula , jom letak header ^^ CTRL + F balik n' search code di bawah ini ataupun serupa dengannya : 

<center><img src="HEADER URL HERE"></center>

Tukarkan HEADER URL HERE tu kepada link header korang k ? aa kalau malas nk buat , hang amik je la freebies haku ni :P ahahaha . 
http://1.bp.blogspot.com/-kuVY4NHWAo/Tn7oMI7EZLI/AAAAAAAAB4c/xAiBE8jTLY4/s1600/mystory

Hoho , n yah hasil - nya nnti jd cemgini . tp belum siap lagi tau :) preview je ni ^^v



Nanti ia akan jd cem kt gambar atas ne . belum siap lagi k :) 
- haa , kalau korang nak tukar warna border ke , warna tulisan ke , search code bawah ne :
<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>

- font-size: 11px; color#000; - boleh tukar code color dia n'  number font ^^v 
- border: 1px solid #ccc; - warna border ! tukar kan lah warna pink kE, or what evah ^^v 
- 810 - with blog ~

Hehe , so now nak betulkan post - title pula :) 
- CTRL + F n' search code ini pula : 

.title2 {

Dekat bawah code itu ada anak anak code dia macam ne ; 

border-bottom: 1px solid #EEEEEE;

font-family: century gothic;

text-align: center;

color:#E8C6FF;

font-size:18px;

padding-bottom:5px;

margin-bottom:3px;

}

Korang boleh tukar la ikut creativity masing  masing . Tambah la shadow ke , hehe .Kalau boleh biar maching dengan background yah ^^v Contoh saya buat : *takla seLAWA mana pun k .


Haa okay hampir siap ! Sekarang ne , saya nk ajar awak tukar warna link colour , and tukar icon comel tepi post title & sidebar tu ~

Tukar link color :
- search code : a:link, a:visited {
- bawah code a:link, a:visited { , ada code ini color:#FFF; kan ? tukar kan #FFF itu kepada warna lain :) hehehe .

Tukar icon tepi post & sidebar :
- search code ini : 

<div class="title2"><img src='http://i.imgur.com/tv33W.png'><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

Tukarkan perkataan yg saya bold kan tu kepada link url icon yg lain k . Oh ya , ada lg ! search code ini pula :

<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Disclaimer</div><br>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Tagboard</div><br>
<div class="title2"><img src='http://i.imgur.com/tv33W.png'>Credits</div><br>

Tukarkan yg DIBOLD tu okay and ia akan jd cemginiii :


Haaaaaaaaaaaaaaaaaaaaaa ai rasa dah siap dh kot :) Penat sangat buat  tutorial ni . harap korang semua paham . kalau xpaham , comment tau :) Oh ya , korang nak tak freebies blogskins yg saya edit td ? aa sorry buruk . Sorry k ^.^ saya edit xla selawa korang . kbye ~






<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;

}



body {

background: url(http://26.media.tumblr.com/tumblr_ls2e05Cme11r3vazto6_500.jpg);

font-family: verdana;

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:#999;

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 dashed #999;

font-family: century gothic;

text-shadow: 3px 2px 4px #ddd;

text-align: center;

color:#777;

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;

}



 </style>

  </head>

  <body>

<table style="font-size: 11px;color: #777; line-height: 16px; background: #fff; border: 1px solid #ddd; padding-left:15px;padding-right:15px;padding-top:10px;border-radius:5px;" width="880" align="center" border="0" cellspacing="8"><tbody><tr>

<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtBRkdbRJZs2m3XWjPI5PV1qdSqP1mkJprniNCdRb5Vu1Rw9QkqPuLDk52ulZAzAIh-hdhaJRRJ1iS6bizlCdtYZUVcHrERbf8WIt3ixKWIucuH7RUKnCM6bVffo3qfelTIzFnQ3-Jkk/s1600/mystory

"></center>

<td valign="top" style="line-height:13px;  font-size:11px; width:230px;padding-right:15px;padding-top:6px;">

<div class="title2">♥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">♥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">♥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">♥<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>




P/S : NAVI TU AWAK TUKAR SENDIRI EH :) CR LAH CODE DIA . SAYA MALAS . HAHAHAHAHAHA , K BYE . TERIMA KASIH :D 
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