Create Blockquote With Mouse Hover Effect In Blogger
Posted by Unknown in Animated Background blockquote, Block Quote, Blogger, Blogger Resources, Blogger Tutorials, HTML, Java Script, Light Bulb Effect, Mouse Hover Effect on Tuesday, November 20, 2012
Block quotes came with many customisable styles and some of them create the beautiful effects. Thanks to mybloggertricks for their amazing work creating this block quote.
The idea of this stylish block quote is to give the animated background effect everytime you hover your mouse on the quoted words.
Please hover your mouse on the below quoted words to see the effect and follow these steps to create one for you :
- Click TEMPLATE > EDIT HTML > PROCEED
- Use the “Ctrl+F” search function, Find this code :
]]</b:skin>Put the below codes ABOVE it :
blockquote {And that's it ! Save your template.
background: #f8f0f0 url() no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#595959;
font: 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:1px solid #DDD;
}
blockquote:hover {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM6ZyHsuvJQfkEAEpL5yq1Qx7POef27m_5zxjYIuHgo1n1yjsih4aAtfqLUbQQw4eyKJmVnPa72UqtAKyc7Ul1rHeqyl8j48G2q4MYo-wsXDktoVwJs3UxRSEj5NUflEDnctsOvEEsMKAF/s1600/kazukitakamatsu_gif.gif) no-repeat left bottom ;
color:#0e3cee;
}
blockquote p {
margin: 0;
padding-top:10px;
}
1,000 Creative Writing Prompts : Ideas for Blogs, Scripts, Stories and More
When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.
Other Great Stuffs :
When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.
Other Great Stuffs :
Celebrity Blogging
Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!
If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!
Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29
1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !
Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!
If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!
Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29
1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !
