How to style your post blockquote - Style 8

Demo :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Codes:
blockquote{ padding:10px; display:block; font:11px arial; color:#ccc; letter-spacing:1px; border-radius:10px; border:2px solid #FFE2E2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-position:0% 0%; background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-size:0px; } blockquote:hover{ background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-position:100% 100%; background-size:80px; color:#777; }

• Blogskins/ Classic template : Paste codes ni sebelum code </style>
• Template designer : Paste codes ni sebelum ]]></b:skin> 
• Remove semua code berkaitan dengan blockquote untuk mengelakkan kekacauan antara code. lol :B

• Blockskins/Classic Template : Paste the codes before </style>
• Template designer : Paste the codes before ]]></b:skin>
• Remove all any other codes that related to blockquote