This tutorial will really enable you to create stunning and attractive blockquote for your blogger posts or websites. This blockquote will change color when mouse cursor is hovered over it. I have already shared two tutorials namely 14 Amazing Ways To Customize Block quotes Style In Blogger and Blockquote Style with Auto Number List But this blockquote effect is exceptional! Just have a look of an example blockquote below.
Hover your mouse cursor on the blockquote below.
Add The Blinking Bulb Blockquote To Blogger
This blockquote can be added in the similar way as explained in my earliar posts. If you are new then read this part of my previous post –> Add and Customize Blockquote In Blogger
The CSS code to be inserted just above ]]></b:skin> is this,
blockquote {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY47atE2b9teXojP7qBZP3NeEjvqpV9CdLb9wQ8tlLzmhXjxXCFd6JwEs3VBtgIBxzIvGNIL1C8gFv61emgeI6eke4qFvW1fl6JL394DguvB6GAp4K1mUdmnhfryEUefuwRil_7W0gSvM/s1600/bulb-off.gif) no-repeat right bottom ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#595959;
font: bold 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/AVvXsEhf2-1Mju2cSfiOdiHFvb0m9hBmfsSvJVs0otysVbqVEgLk4aNjGzAxrhzbEKKudNaX-8fh_0C-rMw2bWo8LzTMam1InQ4JtpTsIylNjeohXlmG_oFwS0QFfgOKKaLRJzbbbtX6hUmwaKM/s1600/bulb-on.gif) no-repeat right bottom ;
color:#E0E089;
}
blockquote p {
margin: 0;
padding-top:10px;
}
The second image in red link appears on mouse hover and the second image in green link appears when mouse is moved away from the blockquote.
Create Custom Blockquote Of Your Choice!
You can use similar effect by changing the background images, font colors, border colors or background colors etc. The first part in the CSS code above i.e blockquote { bla bla } represents the effect on normal view and the second code i.e blockquote:hover { bla bla } is responsible for the hover effect. So you can easily customize the font and border types and colors along with background colors to create a cool mouse hover effect.
I have shared some examples below which uses no image at all,
Let me know if any thing is left unclear. For customization guide read this post –> Customize Blockquote In Blogger
Mohammad
11/24/2009
blogger tricks
,
CSS and HTMLTricks
I shared a tutorial yesterday on 
A block quote or block quotation is an extract in a written document, set off from the main text as a distinct. We all quote great authors but we all must present these great words in an extra ordinary way using a beautiful blockquote. We have created simple CSS codes for around 14 Blockquotes, which are outstanding in look and feel. These blockquotes will give you an idea on how to create your own customized blockquote for your blogs and web pages.
You must have observed the style of headings in my posts, it’s usually surrounded by two 
Almost everyone is well aware that adsense really pays! But most people are still disappointed with their adsense revenue despite working hard in writing good content. I had the same feeling but as time passed I became more and more familiar at how Adsense payment mechanism works. Those who think they are smarter than the Adsense Engineers often end in frustration upon deactivation of their adsense accounts. Kindly prefer fair earning and give preference towards writing good content and attracting more and more readers. The true income lies in the number of visitors to your blog. Clicks, Page Impressions will increase once you make a good start with adsense. By good start I mean choosing smart locations on your layout to encourage Clicks and boost up your daily page Impressions.
Wordpress Audio player is a beautiful mp3 player and thanks to 
If the content of any blog is King then it would not be wrong to say that the Title is Queen. Post titles play vital role in search engine optimization. Each Post that you write has a title and this title is responsible for bringing Traffic to that selected Post Page. Now how do you write a keyword rich and full length title that may take you high on search engine rankings? 
You all know how to submit your blog sitemap to Google if not you can Google for it and can find 1000 tutorials on this single topic but something that most of you might have observed are the Google Sitemap Errors! How do you solve them? Why so many errors when you have done everything the right way? The answer is simple , read on.
You must have observed how my hyperlinks change color on mouse hover. Normally on mouse hover only a single color change is seen but thanks to 
