TUTORIAL : BORDER CONTENT BLOG -PART 4

Assalammualaikum & selamat petang :)

agak lama jugak solehah tak update tutorial untuk template denim nie..so.petang nie nak buat tutorial tambah border kat tepi content blog..mcm korang boleh tengok kat blog solehah nie..  ada border warna hitam kan di sekeliling blog tu..hehe..nk tmbh ckit mcmana nak buat round corner..alaa..yg bulat2 tu haa  :D

#yang belom ikut dari PART 1..KLIK LINK DI BAWAH NIE..

PART 1

PART 2

PART 3

LANGKAH 1

• mula mula..korang pegi DASHBOARD > DESIGN > EDIT HTML..ctrl+F ..cari koding nie..

#content-wrapper {

LANGKAH 2

• dah jumpa??dlm koding tu..korang tambah kode yg nie kt bawah..kode nie berfungsi nk tambah border kat tepi..

border: 3px solid #000000;

• korang boleh tukar ketebalan border korang dgn menukar 3px kpd nilai yg lebih besar :) nk tukar warna..korang tukar je kod warna tu ha..yg solehah buat tu..warna hitam  :)

LANGKAH 3

• try preview.. dapat kan??okei..sekarang kita nak buat corner yang bulat-bulat pulak..hehe..maseh di kod yg sama..bawah kod border tadi..korang tambah kod yg nie pulak..

-moz-border-radius:10px 10px 10px 10px;

-webkit-border-radius:10px 10px 10px 10px;

LANGKAH 4

• try preview..dah bulat kn??kan??so..kalau korang nak menambahkan kebulatan corner content blog tu..hehe..korang tambah nilai px okei  :D semakin besar nilai px tu..semakin bulat lahh .hehe

LANGKAH 5

• dah siap??korang SAVE je lahh..  :) selamat mencuba..

p/s : itu saja tutorial petang nie..hehe  :)ada pa2..korang helohelo kat fb k..