blockquote lip lap

Annyeong...

Salam blogger buat semua

hari ini julia nak ajar tutor blockquote baru

blockquote ni baru punyer

jenis blockquote lip-lap

kalau nak tahu ape bende tuh,

maih ikut ste dibawah ni:

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

2.search kod dibawah ni:

.post blockquote {

3.okey,dah jumpa!korang oergi delete kod blockquote yg selama ni korang guna dengan kod yg baru ni:

background-color: #F2F2F2;border:1px solid #FA58F4;padding: 5px;}.post blockquote:hover {background-image:url(URL LIPLAP-LIPLAP);background-position:bottom right;background-repeat:no-repeat;}

4.kalau korang nak yg effect yg bergerak punyer,cume tambahkan kod ni:

-webkit-transition: 1s;}

5.nak letak mane?korang letakkan kat bawah :

background-repeat:no-repeat; .

6.jom belajar:

warna hijau:korang ubah ketebalan border
warna pink:korang tukar jenis border
contihnye:

a.dashed

b.dotted

c.solid

warna merah:korang tukar dengan kod warna korang
warna biru:masukkan (url lip-lap)

URL LIP-LAP


7.kalau dah puas hati>SAVE!