Edit themes blog anda lebih kemas dan menarik!

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; 

Boleh tukar warna border  #000 kepada warna yang korang nak

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~