TUTORIAL BUAT DOUBLE BORDER DISEKELILING BLOG

Tumblr_m592ovfi4k1qfavkd_large


\\ASSALAMUALAIKUM// jawab jangan tak jawab,tak jawab dosa taw,sejak dua menjak nie bizi sikit sebab baru je memulakan perniagaan online,macam-macam nak kene buat,cari supplier,cari perkhidmatan dropship, ,apa itu dropship??bagi sesiapa yang belum baca entry yang lepas pasal dropship boleh klik SINI ,maybe korang berminat , ,btw hari nie baru sempat nak buat tuto untuk adek FATIN dari group BBB ..maaf ek lambat sket banyak . .okew now let get start (:  . .sebelum tu boleh tak korang like page ni . .bukan ads okew,,itu link page kedai online saya . .thanks ^^,

MARI MULAKAN TUTORIAL ..

1.First macam biasa la kan login blogger masing-2
2.Design >  Edit HTML


STEP 1

mula-mula kita akan buat border keliling blog dulu bagi yang dah ade i'ts okew,skip step nie,bagi yang takde border lagi boleh la ikut step nie okew ,,nie untuk template washed denim ekk,,code untuk tmplate lain maybe lebih kurang je kot,panda-panda la korang bodek

1.klik Expand Widget > ctrl + f  > cari code nie #content-wrapper {
2.kemudian copy code bawah nie then paste bawah #content-wrapper {

-moz-border-radius: 50px;-webkit-border-radius: 50px;border-top: 6px solid #A9F5F2;border-left: 6px solid #A9F5F2;border-right: 6px solid #A9F5F2;border-bottom: 6px solid #A9F5F2;

note :-
merah - border boleh tukar sukahati korang
biru - jenis border boleh tukar dashed,dotted,double ikut sukahati korang jugak
purple - warna border boleh tukar sukati korang
kuning - ketebalan border

STEP 2

lepas dah ada border kita nak buat border yang satu lagi plak,iaitu shadow dia..

1.ctrl + f  >  cari code nie #content-wrapper {
2.copy code bawah nie then paste bawah code yang diatas tadi


-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 0 0 6px 6px #FA5882;
-webkit-box-shadow: 0 0 6px 6px #FA5882;
box-shadow: 0 0 6px 6px #FA5882;
}

faham tak?nanti dia akan jadi camnie


#content-wrapper {
  -moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-top: 6px solid #A9F5F2;
border-left: 6px solid #A9F5F2;
border-right: 6px solid #A9F5F2;
border-bottom: 6px solid #A9F5F2;
-moz-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 0 0 6px 6px #FA5882;
-webkit-box-shadow: 0 0 6px 6px #FA5882;
box-shadow: 0 0 6px 6px #FA5882;
}


okew..tu je caranya,,yang lain-2 tu korang boleh edit sendiri la ko,,kalau tak jadi bagitau ehh (:
 
COPYRIGHT ALL RIGHT RESERVE | AHMATDAUGHTER| 2012