Assalamualaikum dan Salam 1 Malaysia.
Sebenarnya aku tak pasti samaada korang dah tahu atau belum tutor mengedit themes untuk kali ini. Edit themes blog korang lebih kemas dan menarik dibahagian bucu blog dari bentuk asalnya bucu petak(bucu tajam) kepada bucu bulat yang terdapat di bahagian bucu di blog ini. Dan juga menambah border dibahagian tepi blog.
Untuk kali ini aku menggunakan software Bluefish untuk HTML Editor dan Photoshop Legend ini untuk memberi sedikit gambaran. Pastikan korang backup themes blog untuk mengelak sebarang error yang terdapat di themes.
Membuat border di tepi blog
1. Buka buka Appearance > kemudian pergi ke Editor > klik pada style.css
2. Copy kesemua kandungan code yang terdapat dalam sytle.css itu dan paste pada HTML editor korang.
3. Letak code ini di bahagian 167 #wrapper seperti gambar diatas
border:1px solid #000;
[box type=”note”] Boleh tukar warna border #000 kepada warna yang korang nak [/box]
4. Kemudian copy kesemua code yang terdapat dalam HTML Editor tadi ke style.css
5. Update File korang. Lihat hasilnya.
Tukar bucu petak kepada bucu bulat
1. Buka HTML Editor korang tadi dan pastekan kesemua code yang terdapat di dalam style.css
2. Seperti gambar diatas, paste kan code dibawah dibahagian 167 #wrapper
-moz-border-radius:20px; -webkit-border-radius:20px;
3. Copy kesemua code yang terdapat dalam HTML Editor > Update File
4. Lihat hasil di bahagian blog korang seperti blog ini.
Senang kan? Main .css memang best, kalau lagi arif tentang coding HTML, PHP dan lain-lain lagi cantik hasil yang korang dapat. Selamat beramal~
Takut nak menggodeh… nanti jadi lodeh…. maybe one day
ader x tempat untuk aku belajar coding atau ader code code untuk aku copy paste masuk kat web aku, senang sikit, apply jer terus, hehe
urmm kebanyakkannya aku google je bro, pastu try and error..
tak pandai sangat main coding3 ni, basic je taw
nanti ajar buat shadow plak ye… huhu… :bloody:
susah gak men coding ni..kena ada asas html..pening aku..huhu
aku dah guna tema herited daripada twenty ten juga :p
ye ke? aku nak masuk blog ko memanjang suspended..macam ni..hehe
Dah lama tak godek2 themes…
rasanya dah happy dgn rupa blog buat masa nih.. 😉
blog bro dah berjiwa kental tu
smart dah bagi saya ni
tapi ada blur2 sket kat bucu tu.. cam guna blur tool.. 😀
ni pun okey dah ni.. aku nak tambah kaler background cam ko letak kaler ungu kat blakang ni pun tak jumpa2..ingat nak kasi kontra sket ngan putih tu..
huhu..ini themes aku dah ada
cuba ko cari, mesti boleh punya
ko guna software pe utk HTML editor nie?
w00t
lagi satu ilmu yang lama aku tak flash back
hehehe tq tq bro
hehe..biasa la, sekali sekala nak smart gak kan..
Sesudah edit theme, nampak lebih kemas la. 😉
cantik theme blog ni…
thanks..simple je ni
part edit theme nie yang aku lemah..anyway nice tutorial..blog ko simple and kemas, kite sekapal..haha
ha ah, yup kita sekapal
simple2 sudah..hehe
bro dah semakin maju sekarang ni, kenapa la aku ni malas giler nak ngedit2 theme ni, hoho
hehe, bukan saya yg maju tapi blog ni <---macam tu ada ke? hehe
tutorial yang berguna,teringin juga mau tukar theme saya yang membosankan tue..tapi tiak tahu nak mula nama..tq Syahril.
eh mystique tu banyak tutor boleh guna
google je, mstique hebat lagi
ohoho. best ni. sy plak dok tuka theme. last2 wp thread comment tak le masuk ngan theme! huwa! mencik! nway tq ini tips ye. akan ku godek2 lagik blog itu.
bagus3..simple je ni..
try la dulu 😉
Menarik…info nie..kalau lepas edit theme cuba buka guna browser yang berlainan,manalah tau kot2 tak menjadilak. 😀
Belum berkesempatan nak make up blog ni. Yang penting blog kena loading laju
betul3..tapi jangan sampai semua benda tak de..
susah buat silent reader..hehe
blog memang dah loading laju kalau guna theme 2010 tidak kira browser atau mobile browser.
Agak rugi kalau guna theme berbayar.
kalau guna theme lain, kena test sendiri.
nice2…nanti den torai ya…..
Aku memang FAIL bab2 nih..
border-radius:20px; /* border radius ini untuk Internet Explorer biasanya IE6 ke atas */
-moz-border-radius:20px; /* tambah prefix -moz- sebelum border-radius untuk firefox */
-webkit-border-radius:20px; /* prefix webkit untuk Safari, Opera, Opera Mini, Opera Mobile, Iphone 3/3GS/4 */
css border bagus untuk benda biasa-biasa macam border gambar, border header, border avatar, border sidebar tapi tak berapa bagus untuk comment list sebab comment list akan loading lebih slow (dalam mili second).
oh..thank 4 info..
ada lagi border yang boleh melambatkan loading komen ni..
ingat nak plain je.tapi tak menarik la pulak..hehe
p/s dah tengok web bro post tadi, boleh tahan semua..kena buat cara offline la nampak gaya
ha ah..nampak smart la bucu2 bulat kt blog ni..
Nak buat bucu ke tajam? Bucu ke tajam? Nantilah fikir dulu.. Heheheh
bucu tajam yang standard tu ke bucu bulat..
menarik tu.
tapi baru je pakai ubuntu ni dan agak pening nak explore.
haish. kena dual boot juga la nmpknya.
welcome hanis…haha
biasa noob macam kita agak slow kalau nak sedut
tapi yg pasti ko mesti stay terus lepas ni..hehe
css umpama makeup untuk blog… 😉
eh lupa taruk code tag
wow dah belajar css3
tambah sikit;
-moz- untuk gecko (mozilla)
-webkit- untuk webkit (chrome, safari)
-o- untuk opera
kalau ie kene tambah meta tag sikit. tapi hanya untuk IE9 yang dikatakan support.
dan dia akan guna border-radius. tak perlu tambah tag lain.
owh, patut aku ada nampak benda2 ni.
tu aku pelik asal lain, rupanya untuk 😀 browser yang berlainan
yup tapi kelemahan guna benda tu saiz css akan jadi besar kalau guna ulang2 nanti. tapi kalau pandai setting class kadang2 je pakai 🙂
LOL..
thank untuk ni..aku noob , tak berapa tahu..hehe
lol aku pun baru je belajar
ye dak? ko kan g33k..
laju bab2 coding ni.ngeh3..
hehehe.. dh start pki css3 eh.. hebat tue.. aku nnt nk modify blog lg pastu try integrate semua function guna css3, xnk guna javascript lg kalo boleh.. 🙂
heee..biasa je ni bro, ni aku usya tempat lain gak..
pakai javascript yg berat blog tuh..
lagi kurang lagi bagus..
rounded border ni memang nampak cantik dan kemas
yup setuju, ini je yang boleh pun..
tutor lain kena google la nak buat sempoi3 sikit..
jeles je bila tengok orang lain pandai main coding..tak yah cakap org lain,dengan bini aku pun aku jeles..terer giler main coding..hehe..kalau rajin aku nak belajar juga la coding2 ni
erk ni biasa je bro, tak de la sampai boleh buat satu themes..hehe
Bro,kalau guna Nvu boleh tak?
boleh je, asal kan html editor..
woah.. mcm tu ka buat border bulat. theme aku ada benda nie tapi aku x usik lagi bahgian nie.
blog mung ada malware
aku gune thesis.. *promote thesis jap* agaga 😈
kalau quote kita nak ganti background bergambar..tau tak? 😳
owh macam tuh.. nanti aku try godek2… harap dapat membantu yelah..k.. hehe
untuk blogspot xda ke bro..teringin nak buat..hihi.
ada
blogspot? erm kat mana eh nak godek, kang aku try cari ok..
Tulah bro.Tukar kepada WP,lagi puas hati.cadangan je bro.Kalau bro minat blogspot pun tak per.
terbaiklah…aku dah lama tak wat bucu2 ni..hehe…:)
ala. aku second le. haha. jap gi aku komen pasal entri ni.
haha. terbaik ar.
baru aku ingt balik kod ni.
thanks2.
tapi boleh apply kat mozilla jer kan.. ie boleh x?
ie aku tak cuba lagi, tapi google chrome ok
bro jadi orang pertama tengok..cuba la 😉
nak mencuba tapi takut usik coading huuu..
hehe, tak pe backup dulu
atau buat dalam localhost