Tutorial : Effect Senget Bila Cursor Menyentuh Blockquote

salam....Tapi , hari ni , putri nak ajar korang maca mana nak buat blockquote senget macam putri punya tuh . hehe .oklah . Jom tngk and lihat .  tahu tak apa yang putri maksudkan ? msti ader yg tau kann..kann..dan ader yang xtau....kan..kan...if xtau biar putri tunjukkan.. tengk step2 kat bawah tau!!!!...

Macam dalam gambar di atas tu la, Ok, Let's start.

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak dan search kod ini :

.post blockquote {  ATAU   blockquote:hover {

3. Dah jumpa ? Copy kod ini pulak :

blockquote:hover {

     -webkit-border-radius: 36px 12px;

    -moz-border-radius: 36px 12px;

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

    -moz-transform: rotate(3deg);

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

    border:2px dashed #000000;

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

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

    }

4. Paste di bawah kod yang korang cari tu ok ?

5. Then , SAVE lah . Jadi tak ? Jadi Tak ? =) 

Perhatian yea !!! tutorial di atas hanya akan jadi apabila korang guna design/layout !

If sesiapa yang guna template tu , harap maaf ! Maybe , tak kan jadi lah :)

credit by : lyssasecret..