Tutorial : Blockquote comel .

Assalamualaikum . Hari ni SC ada sedikit buah tangan untuk newbie-newbie ni . Ampa mesti teringin kan nak buat kotak-kotak comel dalam entry ampa . Ok . Hari ni SC nak ajaq ampa cara nak buat menda tu . Simple ja . 

ni contoh blockquote yang SC guna untuk blog SC ..
ampa boleh customize ikut kreativiti ampa . 

1. Log in > dashboard > design > edit HTML 

2. Check Expand Widget Templates

3. Cari code ni ( CTRL + F ) :

.post blockquote {

4. Jumpa dak ? Kalau jumpa , ampa copy  code ni

background: #FFCC99;

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

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

padding: 6px;

Border: 1px solid #ff0d62;

5. Then, paste kan kat bawah code yang ampa da cari tadi . 

6. Preview and save .

DOne ! senangkan?

p/s :

warna background ampa . kalau nk letak gambar ganti code 

dengan code ni -->  background-image:url(URL GAMBAR) no-repeat; 

Then masukkan URL GAMBAR

Bentuk border ampa . Klik sini untuk jenis border yang lain .

Ketebalan border ampa . Boleh adjust ikut suka ampa .

Jenis garis border ampa . Boleh tukaq jadi dashed , dotted .

Warna border ampa . Klik sini atau sini untuk pilih warna .

Selamat mencuba .  >.<