tutorial - flash blockquote


Assalamualaikum! Mari kita buat flash blockquote yee ;3 Dia lebih kurang macam ni:

SEBELUM :



SELEPAS :



Magic kan? Haha okey jom buat ;D

1. Dashboard - Design - Edit Html - Tick expand widget template

2. Find this:
.post blockquote {
3. then, copy code bawah ni, paste di BAWAH code .post blockquote {
background: url(http://dl3.glitter-graphics.net/pub/264/264393ps0ft3rzze.gif);
border:2px solid #fbd5dd;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
colour:#FFFFFF}
blockquote:hover {
background: url(http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif) repeat right bottom ;
border:2px dotted #fbd5dd;
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;
}
4. preview dan SAVE.

merah - main background, pandai-pandai lah korang cri sendiri.
oren - ketebalan border. kalau nak tukar, up to you.
kuning - Kalau nak tukar , tukar dengan solid - dotted - dashed . \pilih salah satu/
hijau - Warna border. Kalau nak tukar, FIND situ.
biru cair - type border. Nak lain, tengok SINI.
biru - background selepas cursor dihalakan.

Bye. Assalamualaikum!

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

2 ♥:

Ayen said...

@shINE ANIS kalau untuk blogskins, tekan ctrl+F then search code style then copy code kat atas tu, then paste bawah code style