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.
0 komentar:
Post a Comment