Tutorial : Blockquote Hover Versi 3

.Assalamualaikum.

malam ni nak tido lambat sikit . huu . tadi apis dok godek-godek code blockquote hover . godek punye godek dapat buat hover baru ! yeepa ~ walaupon rase macam da familiar je hover ni , tapi apis buat sendiri tau yang ini ! camne hovernye ?

LIVE PREVIEW

oke , nak buat macam tu tak ? jomm mulee


1) Dashboard > Design > Edit HTML

2) Ctrl + F code bawah ni

.post blockquote {

3) Copy code bawah ni , PASTE dekat bawah code .post blockquote { ni .

-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1s;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1s;
color:grey;
font:11px verdana;
padding:5px;
border:1px dashed #000000;
border-left:10px #000000 double;
text-align:center;
}
blockquote:hover{
text-align:center;
color:black;
border:1px solid #FF0000;
border-right:10px #FF0000 double;
} 

4) Preview and Save

mane-mane yang apis BOLD kan tu , korang tukar ikut kesesuaian blog korang oke ? mesti jadikan ? haha . takpe , insyaallah lepas ni try create hover baru lagi . ! :D