Tutorial : Design Your Own Blogskin
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 .