TUTORIAL : Blockquote Senget bila cursor menyentuhnya

before

after

nak macam ni ?? jom buat!

1) Template > Edit HTML

2) Tekan F3 / CTRL+F, cari kod ni :

]]></b:skin>

ATAU

.post blockquote {

ATAU

blockquote:hover {

3) kalau korang jumpa kod ni ]]></b:skin>

Copy code bawah ni dan pastekan kat atas kod yang korang cari tadi

.post blockquote {

background: url(URL BACKGROUND KORANG);

border:3px solid  #E2A9F3;

-moz-border-radius-bottomright: 50px;      

border-bottom-right-radius: 50px;

colour:#FFFFFF}

blockquote:hover {

-webkit-border-radius: 30px 10px;

    -moz-border-radius: 30px 10px;

    -webkit-transform: skew(1.deg,1.5deg);

    -moz-transform: rotate(4deg);

    -webkit-transform: rotate(4deg); }

    border:3px dashed #000000;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-bottomright: 10px;

}

-----------------

kalau korang jumpa kod ni .post blockquote {

Copy code bawah ni dan pastekan kat bawah kod yang korang cari tadi

background: url(URL BACKGROUND KORANG);

border:3px solid  #E2A9F3;

-moz-border-radius-bottomright: 50px;      

border-bottom-right-radius: 50px;

colour:#FFFFFF}

blockquote:hover {

-webkit-border-radius: 30px 10px;

    -moz-border-radius: 30px 10px;

    -webkit-transform: skew(1.deg,1.5deg);

    -moz-transform: rotate(4deg);

    -webkit-transform: rotate(4deg); }

    border:3px dashed #000000;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-bottomright: 10px;

}

---------------

kalau korang jumpa kod ni .post blockquote {

Copy code bawah ni dan pastekan kat bawah kod yang korang cari tadi

-webkit-border-radius: 30px 10px;

    -moz-border-radius: 30px 10px;

    -webkit-transform: skew(1.deg,1.5deg);

    -moz-transform: rotate(4deg);

    -webkit-transform: rotate(4deg); }

    border:3px dashed #000000;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-bottomright: 10px;

}

4. Preview dan kalau ok,save !kalautak, sila drop comment..heee V^^

NOTA KAKI

AA : cari url background korang sendiri eh

AA : ketebalan border

AA : garisan border (dashed/solid/dotted)

AA : warna garisan border

AA : jenis border (boleh rujuk sini)

AA : size rotate blockquote tu. Takyah tukar pun takpe