blacquote style 2

Annyeonghaseyo...

Salam buat blogger

dan pengunjung blogger

julia hari ni teach korang buat blockquote lain..style kedua

korang nampak x,blockquotenya berubah

bila dihalakn cursor,macam sekarang yg

julia gunakan!

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

2.seacrh kod ni:

.post blockquote {

3.da jumpa?korang copy kod dibawah ni dan pastekan kat BAWAH kod yg korang cari tadi tuh..:

background-image: url(URL BACKGROUND);border:1px solid #000000;border-left:10pt double #000000;padding: 3px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}.post blockquote:hover {background-url(URL BACKGROUND);-webkit-transition-duration: 2.5s;background-image:url(URL ICON LIP-LAP);background-position:bottom right;background-repeat:no-repeat;border:1px dashed #000000;border-right:10pt double#000000;}

4.jom belajar dengan kak julia:
warna biru:masukkan url image korang
warna merah:masukkan kod warna bagi border korang
warna kuning:masukkan url icon lip-lap apabila cursor dihalakan(dihover)

CODE URL ICON LIP-LAP


5.kalau korang dah puas hati,boleh terus SAVE!
kalau takut error ,PREVIEW dulu