Tutorial : Blockquote zoom in zoom out

credit : Amalina
 
(SEBELUM)

 (SELEPAS)
Ni namanye ZOOM IN ZOOM OUT sebab bila cursor halakan kat blockquote korang tu, automatic blockquote tu di-ZOOM IN. And then, akan kembali ke tempat asal (ZOOM OUT) bila takda cursor kat situ. Nak try ? JOM .
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.
2. Tekan CTRL+F/F3, cari code ni :

.post blockquote {

3. Copy code ni kt BAWAH :

padding: 10px;margin: 10px 0 10px 20px;background:#FFFFFF;opacity:.3;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;border: 3px solid #000000;-moz-border-radius: 1em 4em 1em 4em;            border-radius: 1em 4em 1em 4em;         -o-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}blockquote:hover {background:#FFFFFF;opacity:5.0;filter:alpha(opacity=500);-moz-opacity:5.0;-khtml-opacity:5.0;-o-transform: rotate(0deg) scale(1.06) translate(-10px, 0);-moz-transform: rotate(0deg) scale(1.06) translate(-10px, 0);-webkit-transform: rotate(0deg) scale(1.06) translate(-10px, 0);}float: left;margin-right: 5px;height: 17px;width: 22px;-o-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}

4. Preview and SAVE