tutorial - blockquote with shadow

BEFORE.

AFTER.

Okey get it? Tutorial kali ni macam gambar kat atas. Nak jugak? Jom2 :D

1. Dashboard - Design - Edit Html - Tick Expand Widget Template

2. Find this: .post blockquote {

3. Copy code ni dan gantikan dengan code lama blockquote korang okey? mean, di BAWAH code .post blockquote {:

background:url(URL BACKGROUND);

border-top: 2px solid #000000;

border-left: 2px solid #000000;

border-right: 2px solid #000000;

border-bottom: 2px solid #000000;

border-radius: 5px;

margin:1em 20px;

padding: 5px;

}

.post blockquote:hover {

background-image:url(URL ICON COMEY LOTE);

background-position:bottom right;

background-repeat:no-repeat;

-moz-box-shadow: 0 0 10px #BDBDBD;

-webkit-box-shadow: 0 0 18px #BDBDBD;

}

4. Warna-warna.

merah - letak background yang korang suka. Tapi letak yang simple okey.

oren - ketebalan border.

hijau - boleh tukar kepada solid / dashed / dotted

biru - warna border

unggu - cari icon yang sesuai dan kecil

biru cair - warna shadow

5. preview and save!

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---