Tutorial Blockquote Senget bila cursor dialihkan..

Ekceli tatau nak letak tajuk seswai ngan tutorial,

tp arap u ols paham la ape yg sy mau sampaikan itew.. ;-p

kalo tak phm, korang leh tgk post sblm ni

psl testing blockquote hover tu..

acu cuba try test letak cursor kat blockquote tu

& cuba alihkan..

bergerak bukan.. ?...=)

sy tlh cuba tutorial Mama Aqish
yeyeyey.. berjaya, tq mama!!!

1) Dashboard>Design>Edit HTML>
2) Tekan Ctrl F serentak dan cari kod

]]></b:skin>

3) Pastekan semua kod di bawah ini sebelum atau di atas kod di dalam step no (2)

.post blockquote {
-webkit-transition-duration: 1.0s;
background-image: url('BACKGROUND IMEJ ANDA SEBELUM DIHALAKAN CURSOR');
border:2px dashed #000000;
padding: 8px;
color: #888888;
max-width: 400px;
-moz-opacity:0.75;
filter:alpha(opacity=75);
-khtml-opacity: 0.75;
opacity: 0.75;
-moz-border-radius: 35px;
border-radius: 35px;
}
blockquote:hover{
background-color: #FFCCFF;
background-image:url(URL IMEJ BERGERAK YANG ANDA SUKA);
background-repeat:no-repeat;
background-position:bottom right;
-moz-opacity:1.0;
filter:alpha(opacity=100);
-khtml-opacity: 1.0;
opacity: 1.0;
-webkit-border-radius: 36px 12px;
    -moz-border-radius: 36px 12px;
    -webkit-transform: skew(2.deg,1.5deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg); }
    border:2px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}
.post blockquote p {
margin: .75em 0;
}

okes, siap!!!


try n error la yer.. =)