<center><img src="URL Header" </center>

kalau nak ambik kod header, boleh ambik kat SINI.

<link rel="shortcut icon" href="URL Img" />

Title 

<title>Nama blog</title>

Body

body {
background: url (URL Background);
font-family: century gothic;
font-size: 14px;
background-attachment:fixed;
cursor: url (URL cursor), auto;
}

rasanya yang ni x payah jelaskan kot :)

Link 

a:link, a:visited {
color: #000000;
text-decoration:none;
} 

a:hover {
color: #000000;
border-bottom:1px dashed #FF99D5;
cursor: url (URL cursor), auto;
-webkit-transition:1s;
-moz-transition:1s;
} 

kuning : boleh pilih kat SINI
merah : boleh tanya kat pakcik google
hijau : semakin bertambah angka, semakin tebal dia punya border
oren : boleh tu kepada solid, inset dan sewaktu dengannya
biru : ikut lah nak tambah ka apa ;)

Content

.content {
background : #ffffff;
color: #666666;
font-size: 11px;
width: 600px;
padding: 14px;
border-radius:10px;
text-align: justify;
}

content ni tempat yang entry tu. kalau nak tukar luas tempat entry tu, tukar kat 'width'

Sidebar

.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
width: 230px;
padding: 8px;
border-radius: 10px;
text-align: justify;
}

kat sini x yah cita apa-apa kot. lebih kurang sama ja ngan yg atas tu.

Tajuk Entry & Sidebar (tajuk utama)

.main-title {
font-family: century gothic;
color: #FE2E9A;
font-size: 14px;
padding: 3px;
border-bottom: 4px solid #E6A9EC;
text-align: right;
}

ungu : boleh tukar kedudukan lain.. nak center ka, nak ke kiri ka..

Tajuk Entry & Sidebar

.sec-title {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-style: italic;
font-size: 10px;
margin-bottom: 2em;
line-height: 20px;
background: transparent;
color: #3BB9FF;
margin-left: 9px;
text-align: center;
margin-bottom: 20px;
}

kalau nak buat font jenis lain, tambah :-

font-family : FONT;

letak kat atas font-style :)

Blockquote
yang background kat belakang semua kod tu, namanya BLOCKQUOTE :)

blockquote {
background: #E3E4FA;
border-left: 20px solid #FDEEF4;
color: #000000;
width: 448px;
margin-left: 30px;
padding: 10px 10px 10px 10px;
text-align: center;
-webkit-transition: 1s;
-moz-transition: 1s;
}
blockquote:hover {
background: #E3E4FA;
border-left: 40px solid #BDEDFF;
text-shadow: 1px 1px 0px #B4CFEC;
color: #000000;
width: 448px;
margin-left: 10px;
padding: 10px 10px 10px 10px;
-webkit-transition: 1s;
-moz-transition: 1s;
} 

'hover' tu kalau kita sentuh, dia berubah :D

Link Ke Page Lain
yang About, Stuff, Freebies segala macam tu lahhh :)

a.shin {
font-size: 10px;
background: #F9B7FF;
border: 3px solid #E6A9EC;
-webkit-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
padding: 4px;
letter-spacing: 2px;
display: inline-block;
width: 42px;
color: #157DEC;
}
a.shin:hover {
font-size: 10px;
background: #E6A9EC;
border: 3px solid #F9B7FF;
-webkit-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
padding: 4px;
letter-spacing: 2px;
display: inline-block;
width: 42px;
color: #FFFFFF;
-webkit-transition: 1s;
}

Underline 

u {
text-decoration: none;
background: #FFFFFF;
color: #F665AB;
border-bottom: 3px #E6A9EC;
padding: 3px;
}

kalau nak buat jenis lain pown boleh, blog ni, underline dia macam NI

Bold 

b {
color: #FF9BB8;
}

Gambar 

img{
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

ok, sampai ni ja la kot.. kalau x paham tanya yaaaaa !
nota sebelum mengundurkan diri : kod yg diberikan 99.9% macam kod blog saya so nanti kalau nak guna, harap diubahkan sedikit kod tu ya. Salam :)








Older Post | Newer Post