blockquote lip lap

Wednesday, October 31, 2012


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!