My tutorial

Bouncing Smiley Faces

2009-08-31T11:34:00.000+08:00

cara nak masukkan smily nie pon sama...kena masukkan coding diantara ayat yang kamu nak letak smily tu...

contoh: hari nie nak lompat2 atas air mcm icon nie

tapi coding dia panjang sket la sebab coding nie semua kena link direct pada server dia....

nak lebih lanjut ble masuk wab nie : http://www.smiley-faces.org/

nak pilih icon,ble click kat bahagian Navigation kemudian copypaste codingnya kat bahagian HTML Code

selamat menchoba

Fixed font coding

2009-08-31T11:25:00.001+08:00

tutorial nie adalah cara untuk menukar font biasa kepada font fixed...biasa ar..kadang2 boring gak klu dah hari2 tgk font biasa...nak jugak sesekali merasa font kurus niekan?contoh ayat adalah seperti dibawah:

saya bermain layang-layang hari ini.

cara nak buat perkataan layang tu jadi kurus adalah dengan meletakkan coding di bawah diantara ayat2 kamu tu..

<samp>layang-layang</samp>

contohnya:

saya bermain <samp>layang-layang</samp> hari ini

senangkan?

selamat menchoba...

sub script

2009-08-31T11:16:00.001+08:00

klu sebelum nie kita ada belajar cara nak buat super scrip....sekarang nie,kita belajar cara nak buat ayat berlawanan pula ~~(ayat tak btoi-sila pahamkan sendiri)~~.hahaha

contoh:Hari ini saya _makan nasi lemak

cara nak kebawahkan perkataan makan tu ialah dengan meletakkan coding dibawah diantara ayat2 ntree kamu tu...

<sub>padlah </sub>

perkataan padlah tu,boleh la tukar dengan perkaan yang kamu hendak kebawahkan...

selamat menchobaaa

super script ala-ala add math!

2009-08-31T11:08:00.001+08:00

contoh:hari ini saya^makan nasi lemak...

ayat ^makan tu merupakan ayat super script

cara nak membuat ayat seperti itu adalah dengan meletak kan coding di bawah

<sup>makan</sup>

yang makan tu....boleh la tukar dengan ayat2 yang korang suka....

selamat menchobaaa

Underlined coding word(ayat bergaris bawah)

2009-08-31T10:57:00.003+08:00

contoh:

padlah

cara nak buat ayat bergaris di atas ialah dengan mengunakan
coding di bawah...

<p><u>padlah</u></p>

perkataan padlah tu,tukar la yer....

selamat mencuba

ayat blink2

2009-07-15T02:09:00.002+08:00

Seronok lak tengok blog kak linda tu meriah ngan ayat bergaris dia..sangat sesuai ngan ayat yang dia gunakan...kreatif dan kritissss ...

ok la,bebel banyak2 pon tarak guna jugak..mata dah mula nak tido nie...

Ada satu lagi cara nak buat ayat2 kita tu menarik....ayat tu akan jadi cam kat bawah nie...

berkelip2 mcm kelip2

cara dia sama gak mcm nak buat ayat bergaris tu....cuma perkataan dia tu tukar la...tukar jadi blink,tak susah ponkan?contoh dibawah...

<blink>contoh </blink>

ok..selamat menchobaaa

Scrip bergerak

2009-07-04T16:21:00.006+08:00

Dah lama rasanya tak buat tutorial nie..yer la..ashik busy jer sejak kebelakangan nie...

Ok la...tutorial kali nie pulak pasal nak buat scrip yang bergerak2(padlah tak tau klu ada nama lain) mcm gambar kat bawah nie....

Tutorial nie pon bukan padlah tau sendiri..yang tau nie pon menuntut ngan cik mira comel kita tu...nak usha blog dia ble click kat bawah ni..

(♥ Life | Laugh | Love ♥)

ok la..sambung balik tutorial

1.loging kat url nie title bar maker

2.add a Add title bar message _______ kemudian click Add

3.Choose an effect(ikut suka la nak tulisan tu gerak cam mana pon)

4.Click priview

5.klu dah puas hati click kat generate

6.copy semua coding yang kat dlm kotak tu....

pastekan kat korang nyer add a gedget

caranya:

1. Click kat Layout

2. Click Add a Gadget

3. pilih HTML/JavaScript

4. Kemudian pastekan coding tadi

5. Save

selesai...selamat mencoba..klu ada soalan tanya kat Cbox yer..

coding Widget

2009-06-26T15:09:00.002+08:00

Seperti yang telah ramai ketahui...sangat leceh bila kita nak tukar2 layout nie...maslah utamanya..kita nak kena save semua coding widget yang kita ada...atau pon,selepas kita tukar tamplate baru akan keluar tanda amaran merah bahawa widget kita akan hilang...

cara paling senang adalah..sebelum kita tukar layout baru..

1.save coding tamplet lama dalam notepad(pastikan click Expand Widget Templates)

mana lah tau takot2 layout baru tu rosak(tak semua layout itu sempurna)..nanti meroyan kita nanti...hehehe

2. copy coding2 widget seperti gambar diatas dlm note pad...tak kira la bagai mana rupa tamplet/coding anda..pastikan coding widget tu anda copy semuanya...

3.selepas memilih tamplet baru...pastikan coding widget(no.2) yang telah anda copy tadi anda pastekan balik ke tempat asalnya...

4.insyallah..jika caranya betol dah kedudukan coding tu tepat...tamplet baru anda tidak akan ada maslah lagi...

5.jika templet yang baru anda instal tadi rosak...anda boleh masukkan coding tamplet asal anda tadi semula(no.1)

p/s: harap simpan semua coding2 add a widget anda ke dalam satu folder baru...klu tamplet rosak ker apa..tak la susah nak cari coding2 tu semulakan?

ada maslah...komen kat cbox

Ayat bergaris

2009-06-17T15:41:00.004+08:00

tutorial kali nie adalah dr permintaan mat shah yang hensom itu...cara2 nak buat ayar bergaris seperti ~~ini~~.Walaupon ramai yang dah tau...tp,pada yang tak tau ble la praktikkan cobaan ini...

caranya ada lah dengan meletak coding warna biru seperti dibawah diantara ayat2 yang kita nak gariskan tu didalam ntreee....

<strike>contoh ayat adalah seperti ini</strike>

selepas publish..ayat didalam ntreee kita akan menjadi sepertidibawah

~~contoh ayat adalah seperti ini~~

~~selamat mencuba..~~

Three Column Minima

2009-06-01T21:43:00.003+08:00

atas permintaan cik Shima...rasanya yang nie paling sesuai bab padlah try adjust dia nyer sidebar tu mcm2 ble jadik...klu tak jadi gak mintak maaf yerk...

1.log in blog

2.Layout

3.edit Html.

pastikan sebelum memulakan edit mengedit tu korang save semua gadget yang ada melalui note pad...sekali ngan coding Layout tu korang save yer..mana la tau incase tak jadi ker..tak ke susah2 nak buat satu2 balik...

ok ler..sambung balik...

1. carik coding

/* Header
-----------------------------------------------

*nak senang tekan Ctrl F

2.tukarkan "header-wrapper" dari 660 to 940;

#header-wrapper {
width:660px; <-------tukar jadi 940
margin:0 auto 10px;
>border:1px solid $bordercolor;
}

contoh:

#header-wrapper {
width:940px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

3.sama gak ngan bahagian #description { tukarkan seperti dibawah

#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:660px;<-------tukar jadi 940
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

contoh:

#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:940px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

4.kemudian cari coding berikut(guna Ctrl F)senang sket

/* Outer-Wrapper
---------------------------------------------*/

5.sama gak mcm kat atas..tukar width dari 660 to 940

#outer-wrapper {
width: 660px; <-------tukar jadi 940
margin:0 auto; padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px; <-------tukar jadi 500
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

6.copy coding kat bawah nie..pastu pastekan seperti contoh dibawah...

#left-sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Contoh:

#outer-wrapper {
width: 940px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#left-sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

7.carik lak coding

/* Footer
---------------------------------------------*/

pastu tukar width "footer" dari 660 to 940

#footer {
width:660px; <-------tukar mnjadi 940
clear:both;
margin:0 auto; 10px
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

8.kemudian carik coding

dan

9.kemudian copy dan pastekan coding di bawah diatas coding <div id='main-wrapper'>

contoh:

10.kemudian save tamplate.

11.click layout..kemudia cuba periksa sama ada ada left sidebar...

selesai

selamat mencuba!

widget follower

2009-05-13T22:52:00.002+08:00

pasang widget Follower pada layout yang tiada widget follower.

untuk meneruskan tutorial sila layari link kat bawah nie..

widget follower

1. click get started

2. click i agree

3.click Continue

4.masukkan site name ngan url blog

kemudian ikut arahan yang diberikan..

selamat mencuba

sumbangan ilmu dari

Farina

Link Dari Pyzam

2009-05-12T13:49:00.006+08:00

tutorial kali nie adalah cara utk menukar link yang selalunya ada pada layout pyzam(contoh seperti gambar di atas...

caranya ialah click

1.Lyout

2.Edit HTML

kemudian carik coding

<body>

<div class="bloggerPyBar" style="cursor:pointer;"><div class="pylogo"><span style="position:relative;top:-1px;left:0px">�</span> <a href="http://www.pyzam.com">PYZAM.COM</a></div>
<a href="http://www.pyzam.com/bloggertemplates">CLICK HERE FOR BLOGGER TEMPLATES</a> AND <a href="http://www.pyzam.com/myspacelayouts">MYSPACE LAYOUTS</a> <span style="position:relative;top:-1px;left:0px;">�</span> </div>

kemudian. tukar coding2 link seperti di bawah mengikut kesesuaian mcm kat bawah nie..padlah linkkan ke blog padlah,friendster ngan blog tutorial

<body>
<div class='bloggerPyBar' style='cursor:pointer;'><div class='pylogo'><span style='position:relative;top:-1px;left:0px'>�</span> <a href='http://fadhlah.blogspot.com'>BAck to FADHLAH</a></div>
<a href='http://www.testerlayout88.blogspot.com/'>HOME</a> AND <a href='http://profiles.friendster.com/9772201'>My FRIENDSTER</a> <span style='position:relative;top:-1px;left:0px;'>�</span> </div>

kemudia priview.

klu dah puas hati..

save templete

sekian saja..

selamat mencuba

Skrip Last visitor

2009-05-11T07:48:00.005+08:00

cara nak pasang skrip nie.

1. clickLayout -

2.Page Elements.

3.Add a Gadget -

4.HTML / Javascript

5.kemudian copy and paste coding kat bawah nie

....................................................................

...................................................

6.Save

selamat mencuba!

p/s:coding biru tu..nak tukar ayat korang pon boleh..janji jgn usik coding lain.

or:eriyza

webvaluer

2009-05-09T22:38:00.001+08:00

wabValuer.klu nak tau berapa harga blog anda semua ble la click gambar kat bawah nie..

My site is worth
$309.70

kemudian masuk kan url blog2 anda...bila dah masuk tu..akan keluar coding Html..copy coding tu kemuadian masukan dalam add a gedget.

selamat mencuba

Disable Right click

2009-05-02T19:46:00.003+08:00

disable right click nie tujuan dia taknak bagi org copy apa2 yang ada pada blog kita..serius padlah tak penah guna teknik nie..tapi klu korang nak..sila la amik ilmu nie..

ada 3 cara..

1.Layout

2.Edit HTML

3.cari code <body>

4.tukarkan code <body> kepada

dah siap..

cara kedua

(ada kuar pop up window la)

1.layout

2. page element

3. add a gadget

4. html/javascript

5.pastu copy-paste coding HTML kat bawah nie..

p/s:coding biru tu suka hati la nak tukar ayat aper2 pon..contoh: no copy2 yer...

cara ketiga

cara paling kejam..mmg tak ble nak copy langsung la..

1.Layout

2. edit html

3. cari coding <head>

4.copy & paste coding dibawah nie di bawah perkataan <head>

selesai..

selamat mencuba..

ada masalah atau pertanyaan..tulis kat cbox yer

sumbangan dari hariq-sha(tq bangat!)

Layout

2009-04-28T14:54:00.008+08:00

N3 nien Khas utk Ustaz Zakaria dan kawan2 lain yang memerlukan pembaharuan dalm layout anda..secara asasnya,layout ini mengunakan layout minima sahaja dan telah diexperimentkan sebegini rupa...

contoh yang ada dlm layout ini adalah seperti ...gambar backgroud,link,gambar kat post,favicon dan juga transparent background..lain2 pertanyaan boleh tanya di Cbox @coment kat dalam blog padlah.

gadget2 yang tak diperlukan telah dibuang dan ada sedikit penerangan ringkas tentang cara-cara utuk menukar gambar background,favicon dan berbagai2 lagi eksesori..

sebelum memulakan sesuatu pengeditan HTML,harap ble copy semua coding2 add a gadget dalam note pad..takot nanti lepas3 nie tak la tercarik2 balik coding tu...

1.Layout

2. Edit HTML

3. download full tamplate(takut tak jadi,,baik save dulu..klu rosak..hati pon senang)

4. click Expand Widget Templates

5. delate anda punya coding HTML (right click pada mouse-select all,pastu click delate)

6. copy coding dibawah nie kedalam coding HTML anda..

..................................................................................

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Blue
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#135" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#ccc" value="#FFFFFF">
<Variable name="linkcolor" description="Link Color"
type="color" default="#9bd" value="#58ACFA">
<Variable name="pagetitlecolor" description="Title Color"
type="color" default="#eee" value="#FF0000">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#79b" value="#FFFFFF">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#fc6" value="#FFFF00">
<Variable name="bordercolor" description="Border Color"
type="color" default="#468" value="#2E9AFE">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#579" value="#557799">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#a7a" value="#FFFFFF">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,sans-sarif" value="normal bold 100% Verdana, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 266% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:#000000;
background-image: url(link photobucket untuk gambar background);
background-attachment: fixed;
background-position:bottom right;
background-repeat:no-repeat;
border-color:#1F1F1F;
border-width:0px;
border-style:solid;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:2px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background-color: #000000;
opacity:.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#Profile1 {
padding: 0 5px 0 5px;
background: #000000;
border: solid #000000 2px;
}

#HTML1, #HTML2, #HTML3, #HTML4, #HTML5, #HTML6, #HTML7, #HTML8, #HTML9, #HTML10, #HTML11, #HTML12, #HTML13 {
padding: 0 5px 0 5px;
border: solid #000000 2px;
background: #000000;

}

#Label1 {
padding: 0 5px 0 5
border: solid #000000 2px;
background: #ffffff;

}

#BlogArchive1 {
padding: 0 5px 0 5
border: solid #000000 2px;
background: #000000;

}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #000000;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:3px groove $bordercolor;
padding-bottom:1.5em;
padding: 0 5px 0 5
border: solid #2E9AFE 2px;;
background: #000000;
background:#000000 url(link photo bucket untuk gambar post@n3);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:scroll;

}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
border: solid #000000 2px;
background: #000000;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 0.4em;
border: solid #000000 1px;
background: #000000;

}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#under_header{
margin:10px 0;
padding:1%;
width:100%;
}
/*- Menu Tabs E--------------------------- */

#tabsE {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;

}
#tabsE ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsE li {
display:inline;
margin:0;
padding:0;
}
#tabsE a {
float:left;
background:url("http://img301.imageshack.us/img301/2521/tablefte.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("http://img15.imageshack.us/img15/4923/tabrighte.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}
]]></b:skin>
</head>
<link href='link photobucket untuk Favicon' rel='shotcut icon'/>

<body>

<div id='outer-wrapper'><div id='wrap2'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='i'm (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='under_header'>
<b:section class='header' id='underheader' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='link' type='LinkList'>
<b:includable id='main'>
<div id='tabsE'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>
<span>Home</span></a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><span>
<data:link.name/></span></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>
</p>

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>

<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 
</body>
</html>

.....................................................................................

7. untuk memasukkan photo bucket ble

belajar disini

8.tukar setiap url pada coding berwarna diatas..

untuk kemudahan telah dibahagikan mengikut warna.

1.link photobucket untuk gambar background(contohgambar cartoon seblah kanan anda nie-------->)

2.bottom right-posisi gambar background ble ditukar sama ada

bottom left

bottom right

left

right

top left

top right

centre

top centre

top right

3.75 nombor untuk setting transparent gadget..lagi besar nombornya..lagi blur gadget tu..klu makin kecik,makin terang gambar tu...(tak pasti la"cuba la buat experiment sendiri and than preview")KLU TAK BERANI..BIARKAN SAJA.

4.link photo bucket untuk gambar post@n3 (KALAU BLOG PADLAH..GAMBAR NENEK KAT SETIAP N3 TU LA"BELAH BAWAH KANAN")

SATU LAGI KLU BLE..KECIKANLAH GAMBAR TU..KLU BASAR TAK CANTIK LA PULAK..TAK PERCAYA"BUAT EXPERIMENT SENDIRI)..KLU TAK MAHU..KOSONGKAN KAWASAN TU..."TAK PAYAH LETAK APA-APA HTML"

link photobucket untuk Favicon-tukarkan gambar kegemaran anda untuk favicon tu..klu tak tahu apa itu favicon ble

Click belajardisini

9.Click preview

10.save template

11.untuk menukar warna background dan sebagainya boleh

Click Here

selamat mencuba..

Hilangkan border pada gambar

2009-04-27T21:57:00.004+08:00

N3 kali nie khas untuk DR alia..tentu tak cantik klu ada garisan kat tepi tanda tangan tukan?

so,setelah bersusahpayah mengexperiment..akhirnya berjaya jua menemui coding untuk buang border tu...

jagan marah yer..buat contoh jerk..

caranya.

1.click Layout

2.Edit HTML

3.kemudian dalam kotak coding tu carik code seperti dibawah nie...

nak jelas lagi..

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;

apa yang perlu dilakukan adalah...

tukar coding bahagian bertanda merah di coding atas nie menjadi 0px

4.preview

5.save tamplet

selamat mencuba

Favicon ver.2

2009-04-26T12:00:00.010+08:00

Gambar bawah adalah contoh Favicon..memang menarik klu pasang

kat korang nyer blogkan..

1. hasilkan Image Favicon sendiri..untuk lebih lanjut

Click Here utk membuat favicon

kemudian ikut step yang diarahkan..

1.click Browse

2masukkan gambar untuk dijadikan image Favicon

3.click ganerate Favicon

4.letak tanda anak panah mouse kat gambar favicon yang telah di ganerate tadi.

tekan right click kemudian save image...bahagian save as type tu,pilih .jpg

5.save dalam komputer anda.

seterusya..gambar itu harus diuploadkan dalam photobucket anda..

untuk lebih lanjut

click here untuk belajar tutorial photobucket anda

langkah selanjutnya..

2.click layout

3.edit HTML

4. dalam codeing HTML tu,cari

perkataan

</head>

5.kemudian masukkan code

di bawah perkataan </head> tadi

*sila masukkan link photobucket gambar favicon anda pada step no5 diatas

6."Save Template"

selamat mencuba

pertanyaan lanjut,ble tanya di cbox

2009-04-25T15:10:00.001+08:00

contoh tanda tangan

lt;p>

Tandatangan pada setiap entree

2009-04-25T14:20:00.007+08:00

1.buat tanda tangan dulu..ble la

Click Here

lepas siap tu..ble la save tanda tangan tu dalam photobucket..

kemudian

2.Login masuk blog anda
3.Pilih Settings.
4.Kemudian pilih Formatting.
5.Pada bahagian Post Template, anda masukkan kod ni..

dah selesai...

selamat mencuba

p/s: tanda tangan tu akan keluar secara automatik bila kita tulis n3 baru

Cbox

2009-04-24T22:03:00.004+08:00

cara nak masuk cBox

click (get a cBox)

click Get your own free Cbox now!

isi form bertanda hitam tu

kemudian click bertanda merah

dan click bertanda biru

masuk password anda tadi(pastikan betol pasword tu)

click publish

click copy clipboard@ paste guna right click pada mouse

masuk balik blog anda..click customise

click add a Gedget

click bahagian HTML

masuk coding dari Cbox tadi

tittle tu..tulis la aper2 pon..(contoh:jom merepek)

last...

click save

dah save tu..ble la preview..

sekian..

selamat mencuba

PhotoBucket

2009-04-21T21:20:00.006+08:00

Atas permintaan bro zawal..jadi ari nie buat la sket tutorial pasal PhotoBucket nie..nak senang korang ble

Click Here
untuk logimg terus ker Photobucket

cara pertama korang kena buat,click kat alah bulat kat atas nie..Join nOw

bila dah click Join Now,korang perlu la isi username,password dan bagai lagi la

dan juga form di atas nie..bila dah selesai..accept ajer la apa yang diorang nak tu ek..

nie cara nak upload OLDVERSION

click kat bertanda merah tu..

bila dah kuar,click kat choose..pastu carik la gambo mana yang korang nak tu.

pastu masukkan nama gambo tu(tak wajib pon)

dah siap semua tu..click upload

dah selesai upload..akan kuar la fail2@gambar mcm gambar rajah diatas nie

tanda merah tu-untuk direct link

biru-untuk HTML code(selalunya diorang masuk kat add a gadget)

hitam tu untuk img code(aku pun tak paham lagik)

nie pulak cara nak upload NEWVERSION,

caranya paling mudah,korang just click kat tanda hitam tu jer..pastu korang masuk la gambo mana yang korang nak..new version nie best sket..ble upload 50 keping gambar sekali gus.

klu tak suka new version,korang click ajer kat old uploader(tanda merah tu)

Border dan ketebalannya...

2009-04-13T09:16:00.003+08:00

untuk menyenangkan korang...

saya(skema la pulaks) akan bahagikan code2 nie kepada 3 jenis warna...

biru untuk jenis2 border

merah untuk ketebalan border

kuning untuk coding warna

jenis2 border yang ada.

none
hidden
dotted
solid
dashed
double
groove
ridge
inset
outset

untuk menukar jenis border nie..korang hanya perlu cari coding(merah) seperti dibawah nie...

/* Posts
-----------------------------------------------
*/

.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #FFFFFF;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
border: solid #b0b0b0 1px;
background: #F0F0F0;
}

cara menukarnya...

1. Border

border: solid #b0b0b0 1px;

code warna biru tu adalah untuk jenis border..apa yang perlu korang buat ialah menukarnya

dengan jenis border seperti dibawah

none
hidden
dotted
solid
dashed
double
groove
ridge
inset
outset

2. warna.

border: solid #b0b0b0 1px;

code warna kuning pula adalah untuk coding untuk warna bagi border colour...

nak cari coding warna ble

Click kat Sini

3. ketebalan border

border: solid #b0b0b0 1px;

contoh: (1px) no 1 tu korang ble tukarkannya...

semakin besar nilai no tu...semakin tebal la border tu...

tak kira la bahagian mana sekalipon HTML tu..klu nampak ajer coding mcm kat bawah nie..ini bermaksud ia adalah coding utk border

border: solid #b0b0b0 1px;

selamat mencuba...

Tambah border,warna dan jenis2 border

2009-04-13T07:46:00.000+08:00

cara nak tambah border sangat lah senang sebnarnya..apa yang penting korang kena fahami btol2 konsep HTML tu...klu tak paham tu..susah la sket...

mcm biasa...LAYOUT..edit HTML..pastikan korang save lu korang nyer HTML tu..mana la tau incase tak jadi ker..kan dah selamat...(click Download Full Template)

bila dah siap semua tu...click kat Expand Widget Templates(kadang2 ada templet yang tak der code kat bawah nie..)

1. carik code kat bawah nie(biru)

#sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

pastu...tambahkan code(merah) bawah nie di bawah code(biru) yang pertama tadi...

#Profile1 {
padding: 0 5px 0 5px;
background: #ffffff;
border: solid #b0b0b0 1px;
}

#HTML1, #HTML2, #HTML3, #HTML4, #HTML5, #HTML6, #HTML7, #HTML8, #HTML9, #HTML10, #HTML11, #HTML12, #HTML13 {
padding: 0 5px 0 5px;
border: solid #b0b0b0 1px;
background: #ffffff;

}

#Label1 {
padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #ffffff;

}

#BlogArchive1 {
padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #ffffff;

}

pastu Save Templates dan try Priview

dah siap step 1.

seterusnya step 2...cari lak code kat bawah nie(biru)..

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;

tambahkan code (merah) dibawah code biru tadi

padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #F0F0F0;
}

hasilnya akan menjadi begini..

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
padding: 0 5px 0 5
border: solid #b0b0b0 1px;
background: #F0F0F0;
}

step 3.

cari lak code kat bawah nie(biru)..

/* Posts
-----------------------------------------------
*/

.post {
margin:.5em 0 1.5em;
padding-bottom:1.5em;
padding: 0 5px 0 5

kemudian korang tambahkan code warna merah bawah code biru tadi

last step...

cari code biru seperti dibawah dan korang tambahkan code warna merah dibawahnya

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
border: solid #b0b0b0 1px;
background: #F0F0F0;
}

bila dah siap tu...boleh la save templates ...

dah siap penambahan border korang tu...

sekarang nie...nak ajo korang cam mana nak tukar warna background wadget sebab code2 diatas tadi telah disesuaikan ngan tamplet minima yang warna putih tu......

so untuk cari coding warna..

korang ble carik kat sini...

Click Here

kat situ korang akan nampak banyak warna..click ajer warna dalam kotak tu...bawah nyer(Selected color code is:) akan keluar coding warna yang korang click tadi..just copy and paste

jika nak tukar warna...

korang cuma perlu menukar code yang warna merah seperti dibawah nie..

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
border: solid #b0b0b0 1px;
background: #F0F0F0;
}

tak kira la...kat bahagian mana sekali pon sama ada step 1,2 atau 3..nampak ajer

ada tanda mcm nie #F0F0F0 (ada 6 huruf kebiasaannya)bermakna itu adalah coding utk warna...

just tukar saja coding tu mengikut warna kesukaan korang..

Wah..panjang gila tutorial nie...pasal border dan ketebalan border tu...korang ble carik kat next N3 la ek....

karang bosan lak korang baca tutorial nie...

hahahaha..

selamat mencuba!

Musnahkan Rvhost.exe, Fujacks Dan Bro-act

2009-04-12T15:46:00.001+08:00

masalah yang sering dialami oleh pengguna Destop dan Leptop (Notebook) seperti gambarajah di bawah:

kalau berminat nak atasi benda nie jom kita lihat sesama camner cara agar kita boleh membuka Task Manager kita kembali.

Salin coding di bawah:

Set shl = CreateObject(”WScript.Shell”)
Set fso = CreateObject(”scripting.FileSystemObject”)
shl.RegDelete “HKEY_CURRENT_USER Software Microsoft Windows CurrentVersionPolicies System DisableRegistryTools”
shl.RegDelete “HKEY_CURRENT_USER Software Microsoft Windows CurrentVersionPolicies System DisableTaskMgr”
shl.RegDelete

Buka Notepad dan masukkan coding di atas dan savekan fail Notepad tadi atas nama

RESTORE.VBS .

Letakkan fail RESTORE.VBS tadi ke dalam root PC, maksudnya di C:\sini.

Pegi ke Start -> Run (Satu kotak akan muncul untuk masukkan code)

Tapikan dalam dialog tersebut begini : C: \RESTORE.VBS dan tekan ENTER.

Satu massage box akan timbul, kita hanya perlu klik YES.

Siap…Task Manager anda telah boleh dibuka kembali. Apa tunggu lagi, pegi le cari Anti Virus yang terkini pasang delete semua kuman yang ader tu. Kalau nak selamat lagi pasang sekali dengan AntiSpyware dan Antispybot kat PC korang

tambah widger Jumlah Pelawat Sedang Melawat

2009-04-12T15:29:00.000+08:00

korang cuma tambahkan kod2 berikut dalam add a widget korang..

tak perlu mendaftar atau apa2 pon...

contoh pertama

contoh kedua

tak tau la mana yang bagus..pilih ajer la mengikut kesukaan korang yer...

Nak Masuk Latar belakang pada BLog

2009-04-12T14:25:00.000+08:00

caranya yang pertama..korang upload gambar yang korang suka dlm photobucket..

bila dah siap...

pastu Pilih Layout - Edit HTML.

Download Full Template sebelum mengedit blog.

Cari body { dan tambahkan kod gambar pada background:$bgcolor; seperti di bawah

body {
background:$bgcolor url(http://masukkan link dari photo bucket);
color:$textcolor;
font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size:small;
text-align:center;
margin:0;
}

kemudian Preview dan Save template

dah siap.....mudahkan?

Favicon..

2009-04-01T00:22:00.000+08:00

apa yang perlu korang ada ialah akaun photobucket..bila dah buka akaun photobucket tu..korang ble la upload gambar yang korang suka masuk dalam photo bucket tu...

seterusnya...

mcm biasa..

masuk layou---> edit HTML

carik code :<head>

masukkan code --->

dibawah perkataan : <head> tadi

dah siap..

nak comperm...

preview dulu...

klu dah ok...ble la"Save Template"

Muzikkk

2009-03-30T15:44:00.000+08:00

klu nak senang,laju dan cepat masuk lagu dalam blog korang tu

korang ble usha sound treck nyer kat sini ---> http://fullmusik.co.cc/

bila dah pilih lagu tu...seperti biasa..korang copy dia nyer HTML..

pastu click setting---> layout---->Page Elements ---> add a gedget----> HTML/JavaScript

pastu paste HTML lagu tadikk..

selamat mencoba...

Banner

2009-03-29T15:24:00.000+08:00

sesaper yang nak tukar banner tu..leh la link kat sini

http://bannerfans.com/banner_maker.php

mcm2 leh dibuat..

1.masuk gambar.

2. edit tulisan

3.set border

4.boleh kombinasa warna background..

selamat mencuba!

tukar gambar dr Pyzam.com

2009-03-28T03:16:00.000+08:00

senang ajer nak solve problem tu..mcm biasa,---> setting---> layout--->edit HTML....pastu klu bole cari link bahagian dalam gambar tuu...

(Yang nie Contoh sahaja)

background-image: url(http;//i706.pyzam.com/albums/ww65/ bla..bla..bla../ajhandprint.jpg);
background-attachment: fixed;
background-position:bottom right;

bahagaian url http (seperti dalam kurungan tuu)korang open dia nyer url...bila dah kuar gambar nyer .. copy gambar tu masuk dalam korang nyer photobucket..klu ble reducekan dia nyer colour(dlm photo bucket ble adjust)..

bila dah upload gambar tu..korang tukar layout yang basic (setting--->layout-->

Choose New Template)...setkan pada basic atau minima...bila dah setup layout baru..

...and than copy paste link gambar yang dah di upload dalam photobucket tadi ..ngam2 diantara background colur ngan a:link...COPY YANG KAT BAWAH NIE PON BLE GAK..cuma warna merah tu..korang masuk link gambar dr photo bucket tu/

background-image: url(http://stuff.pyzam.com/layouts/img/h/a/ajhandprint.jpg);
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
border-color:#1F1F1F;
border-width:0px;
border-style:solid;

contoh..

ground-image: url(http://stuff.pyzam.com/layouts/img/h/a/ajhandprint.jpg);

background-image: url(http://i706.photobucket.com/albums/ww65/syatrah/syatrah.jpg);
background-attachment: fixed;
background-position:center right;
background-repeat:no-repeat;
border-color:#1F1F1F;
border-width:0px;
border-style:solid;
}
a:link {

klu nak adjust gambar tu belah mana(rujuk warna biru)..korang adjust background-position:..top ke..bottom ker..right ker..left ker...bla..bla..bla..

selamat mencuba..

Tukar colour layout ,tulisan.border..dan lain2.

2009-03-28T02:44:00.003+08:00

step 1.setting---> 2.layout--->3edit html..

pastu cari didalam tempat coding tu cari bahgian Variable definitions......

bawah bahagian tu...korang akan jumpa(contoh)-->

name="bgcolor" description="Page Background Color"

type="color" default="#000000" value="#000000"

pada bahagian tulisan yang warna Kuning tu..korang ble la masukkan warna kegemaran...

tekan disini untuk servay coding warna

ataupun mana2 engine pencarian mengunakan kod HTML colour.

nak tukar colour yang lain2 pon sama jugak cam tu..cuma tukar HTML selepas value=

selamat mencuba.

2009-03-20T07:13:00.000+08:00

TA' DIN BEDSTE VILJE MED

"Ta' din bedste vilje med
når du begi'r dig til et sted
hvor der er sang og dans og lune mænd og damer.

Ta' din næse ud af skyen
når du ta'r en tur i byen
og kom ned på jorden her hvor dine bedste venner er.

Stil din tjørnebusk ved døren
og kom ind og slå til søren
i et vennelag hvor alle gi'r det bedste som de ka'.

/: Ta' hatten af - go' dag go' dag
dit fjæs er kønt når dagligdagens sod og rynker er blæst af :/
Na na na - na na na - na na na....

Denne samba sang af Leif Falk blev sunget og spillet til Toustrup Marks årlige fødselsdags fest, som i år var maskebal. Dagen var også arbejdslørdag, men i stedet for at bygge og rydde op - lavede vi masker og mad til festen.
Efter middagen spillede Toustrup bandet (tidligere og nuværende beboere) op til dans med kendte sange - fra Lone Kellermand til Jimi Hendrix. Bagefter tog de unge over med funky jazzet soul og Hip-hop.
Der er på Toustrup Mark en lang tradition for levende musik. Tidligere eller nuværende beboere spiller med bands som: Splask, Klondyke, Michael Learns to Rock, Tøsedrengene, Mek Pek, Venter på far, GNAGS, Western Stars, Booty Cologne, Sorten Muld, Lost Kids + mange flere...