Yasmin.
SITE ABOUT ENTRY LINKS STUFF
Make your own template
Friday, 21 September 2012 • 06:44 • 0 comments

Assalamualaikum :) Semalam myn mimpi >Choi Si Won< k . jangan jelly . tp tak tahu ending sbb alarm bunyi . Dia tulis mcm nie *Time to wake up , go to school* Sedehhh ! -.- Tp takpeee . so now , nak buat tutor . memandangkan ramai yang guna blogskin skrg , apa kata kalau korang buat skin sendiri ? Nak cuba ? JOM !

A) Sesiapa yang belum tukarkan template designer ke template classic tu boley ke -> Sini !
B) Mula-2 korang kena copy code nie dulu and pastekan dekat bahagian atas sekali .
<html>
<head>
<center><img src="URL HEADER"></img></center>
<title> Title Blog </title>
<style type="text/css">
  [CSS CODES]
</style>
<body>
 [CONTENT (SCRIPT)]
</body></html></head>
Merah : URL header korang
Hijau : Nama/tajuk blog korang

C) Now , kita start dngn bahagia CSS dulu

untuk body
body{
background: url(URL BACKGROUND);
font: 12px Arial;
cursor: crosshair;
}
Pink : URL background korang
Biru : Jenis font yang korang nak

untuk content
#content{
width: 800px;
background:#ffffff;
color: #000000;
font: 11px Arial;
top: 200px;
left: 100px;
position: absolute;
}
Oren : Lebar post body
Kuning : warna font

untuk link & hover
a:link, a:visited {
color:#C8DEE5;
text-decoration:none;
cursor: crosshair;
}
a:hover {
cursor: crosshair;
color: #B1E2F2;
}
Merah : warna link yg korang suka

Untuk blockquote & hover
blockquote {
background: #D0C8C8;
color: #ffffff;
padding: 3px;
-webkit-transition: 1.0s;
}
 blockquote:hover {
background: transparent;
padding: 3px;
color: #000000;
-webkit-transition: 1.0s;
}
Untuk post title & date 
.post-title {
color:#000000;
font-size:16px;
padding:3px;
border-bottom: 1px solid #000000;
text-align: left;
-webkit-transition: 0.7s;
}
.date {
color: #000000;
font-size:10px;
margin-bottom:2em;
text-transform:uppercase;
}
Oren : warna font
Kuning : saiz font
Turqouise : Ketebalan border
Pink : Solid / dotted / dashed
Hijau : warna border

D) Okay , yang tu code basic untuk korang letak di bahagian CSS okay . Now untuk bahagia SCRIPT pulak . Letak dekat bahagian [CONTENT (SCRIPT)] k ?
<div id="content" style="display: none;">
<blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br><br>
</blogger>
</div>
DONE ! Code yang myn kongsi nie agak simple je . tapi nnt korang ubah-2 laa sikit bagi dia cantik . Ohh lagi satu , mesti ada yang pening smpai nk pecah otak kan ? So , korang mesti nak tahu mcm mana rupa coding bila disatukan kan ? Yedok ? Haaa mcm nie :
<html>
<head>
<center><img src="URL HEADER"></img></center>
<title>Title Blog</title>
<style type="text/css">
body{
background: url(URL BACKGROUND);
font: 12px Arial;
cursor: crosshair;
}
#content{
width: 800px;
background:#ffffff;
color: #000000;
font: 11px Arial;
top: 200px;
left: 100px;
position: absolute;
}
a:link, a:visited {
color:#C8DEE5;
text-decoration:none;
cursor: crosshair;
}
a:hover {
cursor: crosshair;
color: #B1E2F2;
}
</style>
<body>
.post-title {
color:#000000;
font-size:16px;
padding:3px;
border-bottom: 1px solid #000000:text-align: left;
-webkit-transition: 0.7s;
}
 .date {
color: #000000;
font-size:10px;
margin-bottom:2em;
text-transform:uppercase;
}
 <div id="content" style="display: none;">
<blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$><br><br>
</blogger>
</div>
</body></html></head>
Actually kan , mesti ada yang kata . apa kejadah si myn nie , baik dia bagi yg dah disatukan terus je . buat pening kepala je . Mesti ada kan kan kan ? Yelettew . Myn buat mcm nie supaya nk bg korang rasa yg korang usaha untuk buat template sendiri . kalau bg yg dah disatukan nnt , tak mencabar laa . Okay ? So good luck okay ! Mmmuahh . Byeeeee :D


PASTFUTURE
MY WORDS;
Hey you , yeah you . No , not you . That other one . You right there ? Yes you . My name is Yasmin. Already forteen years old and now stay in Malaysian.



back to default bg
GIVE ME YOUR WORDS;

"



OTHERS;

>> Our Anniversary
date : 24 March 2013
at:6.37pm


>> YongHwa's Birthday
date : 22 June
at: 12am


>> My Birthday
date: 8 December
at: 12am