Tutorial - Pasang Blockquote ( Jenis 5 )

Salam . huhhh,, zaty busy la tak dpt nk on9 blog smalam .
wakaka .. okey2 . blockquote ni mcm yg zaty pakai skarang ni :

TESTING-TESTING :)

nak try buat tak ? okk. yg dh try jgn lupa KOMEN k =D

1. Dashboard > Design > Edit HTML 

*Tick Expand Widget Templates

2. tekan CTRL+F dan masukkan code ni :

.post blockquote {

3. Copy CODE kat bawah ni dan pastekan di

BAWAH code yg korang cari tadi :

-webkit-transition-duration: 1.0s;

background-image: url(URL BACKGROUND);

border-left:5px solid #000000 ;

padding: 8px;

color: #000000;

max-width: 580px;

text-align: center;

-moz-opacity:0.75;

filter:alpha(opacity=75);

-khtml-opacity: 0.75;

opacity: 0.75;

-moz-border-radius: 10px;

border-radius: 10px;

}

.post blockquote:hover {

background-color:#FFFFFF;

border-right:5px solid #000000;

-moz-opacity:1.0;

filter:alpha(opacity=100);

-khtml-opacity: 1.0;

opacity: 1.0;

background-image:url(URL ICON);

background-repeat:no-repeat;

background-position:bottom right;

}

4. Tekan preview dulu, kalau dh jadi tkn SAVE

PERLU DIUBAH ::

BIRU : URL background sebelum blockquote sentuh
PINK : Warna Border ; sebelum/selepas
OREN : warna tulisan dlm blockquote
HIJAU : Warna background selepas cursor sentuh
MERAH : URL icon comel2

*Code warna cari di -> SINI
*URL background & Icon cari di -> SINI

erkk, okey bye . jgn lupa komen =D

---

Thank You sebab baca entry ni . Jangan lupa like dan komen .

---