customize Blockquote on blog

Did you dissapoint with your blockqoute style??
, this tutorial will show you some trick how to customize your simple blockquote, and make it good looking.

first,open your blogger dashboard and Edit your HTML , next find

.blockquote{ 

, it usually on <style> section,
it will show like his
blockquote{margin:bla-bla;color:bla-bla;font-style:blablabla;xxx....}

next replace it with my code

blockquote{
margin:20px;
color:#666;
font-style:italic;
border-radius:10px;
opacity:0.5;
Background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT8wmkxcuIIoWa4-mwrloLzstgePzUXn9CNa_gtvY2Ma8DonzR64SBaPJiGdEpzWdoFA0kKGxiaxW1h3WARrdWWFeHMEgSnjRlOPXfNapENYeB-vv0Zq6DQzGe4xk-YyF1h2v6iJV1L8Y/s1600/background.png)}
blockquote:hover{opacity:1;
Background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT8wmkxcuIIoWa4-mwrloLzstgePzUXn9CNa_gtvY2Ma8DonzR64SBaPJiGdEpzWdoFA0kKGxiaxW1h3WARrdWWFeHMEgSnjRlOPXfNapENYeB-vv0Zq6DQzGe4xk-YyF1h2v6iJV1L8Y/s1600/background.png)}

you can edit my code above
little explaination
blockquote:hover ,this style will active when your mouse over the blockquote area

Just let me know if you have a problem
Comment Please

Next Post Will Be :

How To Add Smooth Transform Effect

Like the Post? Do share with your Friends.

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Delicious
• LinkedIn
• Reddit
• Technorati

Posted in: Blog, Tips and Trick