Code Code penting yang sepatutnya ada dalam pembikinan classic templates .

Tuesday 20 December 2011 [ 4 ]

Sorry sebab entryy kali nie kene gune scroll sebab besar sangat :)

Hello . assalamualaikum .waalaikummussalam .hari nie .aku nak buad satu entry bertajuk Code Code penting yang sepatutnya ada dalam pembikinan classic templates . Eh ,tadi lu bukan dah buad entry ker ? memang lah dah tapi tuh entry tadi .bukan sekarang . hah yelah .suke hati kau lah minah . haha .damn aku merepek sesorang kat blog --' .

Okey lah .aku nak straight to the point jeh .kat bawah nie aqu sediekan code code yang penting tuh .dan tafsiran aku .

Code :-
<html>
<head>
</style>
Maksud :-
Nie code yang perlu ada diatas sekali .dan jangan ubah tempat duduk dia .sebab ? sebab nie kepale code .kalau korang alihkan code tuh .tuh bermaksud yang korang tengah alihkan kepale korang lah .
Code :-
</style>
<body>
Maksud :-
Yang ini of course lah badan korang ..korang kene letak selepas korang sumbat code code lain kat bawah kepale korang tadi .jangan salah letak tau .jangan letak kat atas kepale tadi ,nanti jadi macam takde kepale .hah .acane ?
Code :-
</table></body></head>
</html>
Maksud :-
Yang ini .kaki korang . kalau dah ade kepale ,badan .mesti ade kaki kan ? so .code code nie sangatsangat penting .sebab nanti nmpak cacat kalau takde kepale ,badan dan kaki .

Atas nie code code penting yang korang kene tau ..then bawah nie code code basic yang kene sumbat .

Header,Tajuk Blog plus Navbar :-
<center><img src=" URL HEADER " /></center>
<title> TAJUK BLOG </title>
<style type="text/css">
#navbar-iframe {display: none;
}
Backgound dan Font Blog :-
body {
background: url( Image background );
background-attachment:fixed;
font-family: FONT PILIHAN ANDA;
font-size: 14px;
}
Links dan Links Hover :-
a:link, a:visited {
color:#BDBDBD;
text-decoration:none;
font-family: Verdana;
font-size: 11px;
}
a:hover {
color:#f4145e;
Cursor: ne-resize;
-webkit-transition:1s;
}
Background bagi post korang :-
.content {
background:#000000;
color:#BDBDBD;
padding:10px;
width:700px;
border-radius:10px;
text-align:justify;
}
Post title :-
.post {
color:#BDBDBD;
font-family : Irezumi ;
font-size:24px;
padding : 3px;
border-bottom : 1px solid #BDBDBD;
}
.post:hover {
padding:3px;
}
Title bagi Tarikh,Masa dan Comments :-
.sec-title {
margin:0 0 3.4em;
color: #616161;
font-style:italic;
font-size:12px;
margin-bottom:0em;
font-family: Century Gothic;
}
Title bagi sidebar(yang taknak same dengan post title) :-
.sidebar-title {
margin:0 0 0.4em;
color : #f4145e ;
border-bottom: 1px dashed #f4145e;
text-align : right;
font-family : Irezumi ;
font-size : 22px ;
font-weight : normal ;
}
.sidebar-title:hover {
color : #BDBDBD;
border-bottom: 1px dashed #BDBDBD;
-webkit-transition:1s;
}
Code bagi blod ,italic , underline ,blockquote :-
u {
margin:0 0 0.5em;
text-decoration:none;
color : #BDBDBD;
border-bottom: 2px solid #f4145e;
-webkit-transition: 4s;
}
u:hover {
-webkit-transition: 3s;
Cursor: ne-resize;
border-bottom: 2px dashed #f4145e;
}
i {
font-style:italic;
font-family : Century Gothic ;
}
b {
font-family: Century Gothic;
color: #BDBDBD;
text-shadow: 3px 3px 4px #f4145e;
Cursor: ne-resize;
}
blockquote {
background: #000000;
border: 2px solid #BDBDBD;
padding: 4px;
-webkit-border-radius: 10px 25px / 25px 10px;
-moz-border-radius: 10px 25px / 25px 10px;
-webkit-transition: 4s;
}
blockquote:hover {
Cursor: nw-resize;
-webkit-transition: 1s;
border-right: 2px solid #f4145e;
border-left: 2px solid #f4145e;
border-bottom: 2px dashed #f4145e;
border-top: 2px dashed #f4145e;
padding: 4px;
-webkit-border-radius: 25px 10px / 10px 25px;
-moz-border-radius: 25px 10px / 10px 25px;
}
Scroll bar :-
::-webkit-scrollbar {
height: 14px;
width: 13px;
background: url(URL BACKGROUND BLOG KORANG);
}
::-webkit-scrollbar-thumb {
background-color: #f4145e;
border-radius: 25px 10px /10px 25px;
}
Hightlight :-
::selection {
background: transparent; /* Safari */
color: #f4145e;
}
::-moz-selection {
background: transparent; /* Firefox */
color: #f4145e;
}

Semue code dekat atas nie .korang ubah sendiri dan letak dekat bawah kepale sebelum badan .haha .

Code dekat bawah nie pulak .korang kene letak selepas badan sebelum kaki .

Post :-
<td valign="top" style="width:700px; padding:10px; background:#000000; border:2px #f4145e solid ; color : #ffffff; font-size:13px;">
<div id="content">
<blogger><div class="post"><iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&layout=button_count&show-faces=true&width=155&height=15&font=arial&";action=like&colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:75px; height:20px;"></iframe><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
Sidebar :-
<td valign="top" style="width:330px; border-radius : 10px; padding:10px; font-size:13px;">
<div class="sidebar">
<div class="sidebar-title">About Me</div>
About me <3
</div>
<br>

Kalau nak tambah sidebar .just amik code bawah nie .
<div class="sidebar">
<div class="sidebar-title">About Me</div>
About me <3
</div>
<br>

Dan setiap sidebar haruslah diabiskan dengan code </div><br> .kalau tak nanti blog anda hancur .

Kalau nak letak favicon .gune code bawah nie :-
<link href='FAVICON ANDA' rel='shortcut icon' type='image/x-icon'/>
<link href='FAVICON ANDA' rel='icon' type='image/x-icon'/>

Full tutorial aku bagi .pandai pandai lah edit .kalau nak code lagi .sila minta dengan baik ;)

Labels: tutorial