Tutorial : Blockquote ( Skew Effect )

Assalamualaikumm ^^

hyeppp loca peoplee.... :)

syaz saja jaaa buat tuto nih.. untuk perkongsiann bersama... 

actually, semua tuto yang syaz buat ni adalah untuk rujukan syaz sendiri.. manalaa tau kot2 lupa pulak camna nak buat sumthing yang kat dalam blog ni.. hihi.. 

oke...?? arini syaz nak buat tutorial blockquote skew effect... naktau macamna??

oke.. usha gambar at bawah ni... 

SEBELUM

SELEPAS

suka takkk?? kalau sukaa jom kita ber'tutorial' pulak... hahahaha... :p

1. Dashboard --> Template --> Edit Html

2. Tekan F3, cari kod yang dekat bawah ni :

.post blockquote {

Dah jumpaaa?? kalau dah nextt...

3. COPY kod yang dekat bawah ni pulak :

background: #993399;
color: #000000;
border: 3px dotted #5a1663;
border-radius:5px;
padding: 7px;
-webkit-transition-duration: 1.5s;
}
.post blockquote:hover {
background: url(URL BG KORANG);
color: #ff0000;
-webkit-border-radius: 46px 22px;
-moz-border-radius: 46px / 22px;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}

4. Dah copy?? kalau dahh.. boleh PASTE dekat bawah kod yang korang cari tadi

5. PREVIEW dulu.. kalau tak error.. boleh SAVE...


p/s:

abc123 - yang ni korang tukar je warna tulisan yang korang nak..
abc123 - yang ni korang letak kod background .. background yg korang nak laa.
abc123 - yang ni untuk warna border korang..

tu jaaa... hope tutorial ni membantu laaaa...

SELAMAT MENCUBAA ^^