blockquote style 1

Wednesday, October 31, 2012


Annyeonghaseyo...





Assalamualiakum
oklah,julia x nak cerita panjang
julia hari ni nak ajar korang buat blockquote style 1
julia pon x tahu ape die,tapi die blockquote jugak,
jadi korang ikut step dibawah ni:

1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.search kod ni:
.post blockquote {

3.bagi yg x nak ade background,kod dia disini:


background-image: #FFFFFF;
border-top: 2px dashed #000000;
border-left: 4px solid #000000;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
margin:1em 20px;
}

4.kalau korang nak yg ade background,ni kodnya:

background-image: url(URL IMAGE);
border-top: 2px dashed #000000;
border-left: 4px solid #000000;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;
margin:1em 20px;
}


5.ok,korang copy kod mana-mana korang nak dan pastekanya kat BAWAH kod yg korang cari tadi.


6.mari belajar:

warna biru:adjust ketebalan border korang
warna hijau:jenis border
a.solid

b.dashed

c.dotted

warna pink:kod warna korang untuk background
warna merah:url image korang
warna kuning:kod warna korang untuk border blockquote korang.


7.kalau korang dah puas hati,korang PREVIEW dulu ,x de error,barulah SAVE


sudah selesai blockquote korang yg cantik!