You and Me Forever


Tutorial : Design Your Own Blogskin
0 Comment Here
Tuesday, July 31, 2012 | Tuesday, July 31, 2012 | 0 Pretty / Handsome
Hi , assalamualaikum :) Since ramai yang pakai blogskin , so joyah nak ajar korang how to design ur own blogskin . 
Tuto ni sambungan tuto yang hari tu k >Here< .
Wanna try ? Let's started !

Copy code di bawah ni and paste kan di notepad / apa-2 jee k :
<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>
Now , kita mula kan dulu dengan CSS . Letak di bahagian [CSS CODES] tu yea ^^V

Untuk Body :
body{
background: url(URL BACKGROUND);
font: 12px Century Gothic;
cursor: crosshair;
}
Untuk Content :
#content{
width: 800px;
background:#ffffff;
color: #0000000;
font: 11px Century Gothic;
top: 200px;
left: 100px;
position: absolute;
}
Untuk link & hover :
a:link, a:visited {
color:#C8DEE5;
text-decoration:none;
cursor: crosshair;
}
a:hover {
cursor: crosshair;
color:#B1E2F2;
}
Untuk blockqoute & hover :
blockqoute {
background: url(URL BACKGROUND);
color: #ffffff;
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;
}
Okee , itu code basic yang korang letak di bahagian CSS .
Now , untuk bahagian SCRIPT pulak . Letak di bahagian
[CONTENT (SCRIPT)] tu k ^^V
<div id="content" style="display: none;">
<blogger>
<div class="post-title"><BlogItemTitle><$BlogDateHeaderDate$>
</BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<#BlogItemCommentFormOnClick$>
><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled>
</div>
<$blogitembdy$><br><br>
</blogger>
</div>
Nota Kaki :
Biru : Change kan color code tu ikut korang punya choice . 
Tekan >SINI< utk pilih color code .
Kuning : Letak URL Background korang k . Google jee .
Oren : Change font ikut suka korang k . Tak pun biar kan jee .
Ungu : Korang punya cursor . Change kan kalau korang nak .
Hijau : Change left to the right pun boleh . 
Yeay ! Alhamdulillah , dah siap ! Korang dah berjaya design
korang punya blogskin :D K , sorry . Rupa dia memang 
lhaa buruk . Tu sebab korang kena pandai-2 touch-up kan lagi k . Tak pun , korang google jee . Tunggu next tuto k . InsyaAllah
with freebies ^^V Kbaii .


Thank you for reading ^^V




Older Post