How to style your post blockquote - Style 7

This is the live preview of blockquote style 7. Please hover this blockquote to see the hover effect. To use blockquote, highlight the text and click . To have this kind of blockquote in your blog, simply follow the instruction below.

1. Blogskins/ Classic template : Paste the codes giver before/above </style>

2. Template designer : Paste codes given before/above ]]></b:skin> 

blockquote{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbgLk6PRZ3Kgp4LB71bhgxMuNbHF3VYl6akxv54SIsV7iyYHbqfaG5uemdTMb-RSswdoBt3rz_UI05cidNZ8tRLIjtUbSBXJpSP0u-A28f9ToXk0dcAoaLUDXPT-VJW-LU_ljooM3jhDl/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png); padding:20px; color:#808080; font:12 quote; letter-spacing:1px; margin-left:30px; margin-right:30px; border:3px solid #eee; -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; } blockquote:hover{ margin-left:0px; margin-right:60px; }