Scarface ?
Kod Blogskin (full)
Monday, December 17, 2012 | 11:45 PM | 2 love(s)
assalamualaikum & salam sejahtera


amacam cuti ? best banyak ka sikit, haha ~ oklah, hari ni tetiba ja nak ajar orang kod blogskin.. nak kata full, x full sangatlah, setakat yg tuan punya badan tau sajaaa.. Let us begin :D

Header
kod bawah ni letak bawah kod <head>
<center><img src="URL Header" </center>
kalau nak ambik kod header, boleh ambik kat SINI.

Favicon
favicon tu image kat tab atas tu. kalau nak guna paste kod ni kat bawah <head>
<link rel="shortcut icon" href="URL Img" />
Title 
yang ni nama kat tab.. faham dak ? kalau blog ni, nama dia I'm the VIP. kod 'title' ni boleh letak kat bawah kod 'favicon'..  kalau x letak favicon dalam blog, boleh letak kat bawah kod 'hedaer'
<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

Entries About Links Artwork


The Owner
Meet the boss
Status : Rarely online.



Before anything else, follow these rules, NO copying, spamming and any type of childish acts. You respect me, I'll definitely respect you.



Let's talk
Please be polite
Leave your footprint here, it will be easy to hit you back !




The Stars
Follow me


Thanks
Doodle

Cantik, right ? Thanks to FizGraphic



Big thanks to Miss Al