Jan 25, 2011

Tutorial cara membuat background bercorak pada title posting


Ok untuk tutorial membuat background pada title posting pula bagi menyempurnakan tutorial INI. Kalau di title sidebar sudah ada background bercorak pasti di title posting pun harus ada sama kalau tidak confirm nampak tak cantik dan tak balance. So aku akan tunjukkan pula cara membuat background di title posting. Kenapa tutorial ini aku asingkan dengan tutorial membuat background di title sidebar kerana aku ingin memudahkan korang untuk melakukannya supaya tiada sebarang kekeliruan.Ok sekarang jom aku tunjukkan step-stepnya..

Step 1

Dashboard > Design > edit HTML > tick pada " Expend Widget Template"

* Sebelum tue seperti biasa haruslah> DOWNLOAD FULL TEMPLATE terlebih dahulu*


Step 2

Tekan Ctrl+F secara serentak di keyboard komputer korang dan kemudian lihat di sebelah kanan atas akan keluar satu kotak kecil. Jadi korang copy dan paste keyword di bawah ini ke dalam kotak itu bagi memudahkan korang mencarinya.

post

Step 3

*kemudian cari pula code seperti di bawah*

.post h3 {

Step 4

Dah jumpa korang copy semua code di bawah ini dan pastekan di bawah code step 3.

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
text-align:center;
}

Step 5

kemudian tambahkan * background url *pada bawah code post h3 sehingga keseluruhannya menjadi seperti di bawah.

.post h3 {
background:url("http://dl.glitter-graphics.net/pub/2736/2736941xyjm2i19r0.jpg") no-repeat 2px .25em;
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
text-align:center;
}

*contoh url background yang aku gunakan sekiranya korang ingin menukar background , korang boleh la lihat di SINI. seeloknya biarlah url backgorund sama dengan yang ada di title sidebar.*

Step 6

klik PREVIEW dan sekiranya tiada sebarang error boleh la SAVE.



Note : Seterusnya aku akan tunjukkan tutorial untuk membuat background bercorak pada title Footer

12 comments:

A.s.t.i.n.a said...

huhu sangat berilmu ttg kencantikan blog.. thx Sharing yer Amy... ^^

sarah-najwan said...

hehe..maksud akak..akak ni xreti amy nk buat mcm amy ckp ni..terutama yg ada kaitan ngan edit html tu..hal ini kerana..akak ni penakut nk buat..takut hilang blog la..terdeletelah..mcm2 yg takut tu...

jadi..akak nk minta tlg amy buatkan jika amy freelah..jika amy sibuk..xpe..hehe

akak nk minta tlg amy buatkan yg scroll entry tu.perasaan tak entry akak kan dah berjela ke bwh tu..akak nk buat mcm amy tu-->BEST FROM ME..scroll kan..

satu lagi nk gak buat yg background cantik kat side bar itu..hehe

maaflah..nyusahkan amy lak..

sahromnasrudin said...

assalamualaikum ayu..banyaknya tutorial..bagus ayu nie..sesuai untuk org buta ICT mcm saya nie...

apdm said...

salam

kak, syira pernah buat juga dulu ni....main-main test je,menjadi..heheh...

rajin akak buat tutor..syira plak yang malas sekarang =)


Jom Baca dan Komen--tutorial membuat related post

Kakzakie Purvit said...

masih ada kelas lagi tuisyen d sini. kakak baca dan ikuti tapi tak buat dekat blog kakak sendiri.

Misz-ella said...

hebat la Amy. rajin bagi tutorial. satu demi satu Amy bagi.

My Little Diary said...

salam,

bagus tutorial ni.... ada masa bole ler mencubanya... :D

white rose said...

thanks yaa amy...
dah penah buat skali, tapi habis semua widget yg ade...

arrgghh...
xpe, nak try lagi...

Kaseh NazLieza said...

cntik..tp mcm ssh jer kak..nti lieza try la..

Sheherazade said...

pia pon teringin nak tanya hehe

Ramdhan said...

Waah... kebetulan, ini nih yg dicari. makasih infonya...

Amanina's Blog said...

tq awak !
jom follow saye lak..hehehe

Related Posts Plugin for WordPress, Blogger...

Belog KAK AMY Copyright © 2015. Design by MaiGraphikDesign