//Super Montella

Tutorial : Edit Denim Template

Friday 9 December 2011 | 01:56 | 0comments

assalamualaikum . tiba-2 hari nie rajin pulak nak tutorial . biarpun blog nie langsung takde follower . haha . semuanya sombong-2 . tak kisah ah . janji aku nak buat tutorial jugak kat blog nie . blog lagi satu akan didelete . thank you . jom kita start buat tutorial nie :

Dashboard -> Design -> Edit HTML

Okay , klik yg saya ajar tu okay . Bila korang dah klik nanti akan keluar kotalk macam nie kan ?

Sudah klik Save Template kan ? cuba korang tengok blog awak . nampak buruk lagi kan ? sebab tak siap lagi . dia nampak mcm nie kan ?

nampakkan yg dalam kotak warna merah tu ? okay , kita nak transparentkan header tu . nie caranya :

1. Dashboard -> Design -> Edit HTML :

2. Search code bawah nie :

/* Variable definitions

3. Dah jumpa kan code tu ? Okay , bawah code yg korang search tadi ada kod mcm nie rite ?

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#336699">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="#528bc5" value="#528bc5">

4. Korang delete code tadi tu then gantikan dengan code bawah nie :

<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="transparent" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="headerCornersColor" description="Page Header Corners Color"
type="color" default="transparent" value="transparent">

5. Dah siap ? Preview dulu . Kalau korang puas hati save jea lhaa . Nanti blog korang akan jadi macam nie :

Dah ditransparentkan kan ? Okay , sekarang masa untuk letak background pulak . Jom start :

1. Search code bawah nie :

body {

2. Dah jumpa ? Kalau dah jumpa korang copy code bawah nie then paste di bawah body { tadi .

background-image:url(URL BACKGROUND);
margin: 0,
padding: 0px;
font: x-small Times New Roman;
text-align: center;
color: $textColor;
font-size: /**/small;
}

Sudah ada background kan ? nampak comel dah kan ? bawah nie saya ada bagi background untuk korang . pilih lahh yg mana nak :

http://www.dolliehost.com/dolliecrave/myspace-layouts/animalprints/421.gif

http://www.dolliehost.com/dolliecrave/myspace-layouts/wood/194.gif

Sekarang masa untuk buat body melengkung pulak . kalau boder tu tak melengkung mcm buruk pulak kan ? okay , jom start buat body melengkung :

1. Dashboard -> Design -> Edit HTML * Tick Expand Widget Template

2. Search code bawah nie :

#content-wrapper {

3. Copy code bawah nie then paste di bawah code #content-wrapper { tadi :

-moz-border-radius: 30px;
-webkit-border-radius: 30px;

Yang saya highlight kan warna merah tu korang boleh tukar 25 ke 10 ke . suka hati korang lahh . dah siap ? save template jea lhaa . nanti blog korang akan jadi macam nie :

Dah comel kan blog korang ? hihi .

Credit : Lettha

| Newer Post