Eye Catching Song with hover effects on Blogger Blog

Unknown | 5:31 PM | 0 Comments

We have created a Simple CSS code piece. This song Highlighter is a very nice and eye-catching. It is very important for blogs you are writing a program teaching different Blogger Widgets, HTML, CSS, JavaScript, Script, jQuery and other codes Hover Effects In Blogger Post.

Live Demo

Add CSS style sheet Blogger Template:

Back up your model

Go to Blogger >> Your Blog >> Template >> Layout >> Edit HTML >> Continue

And now, look for]]> </ b: skin> With (CTRL F)

When you find]]> </ b: skin> just above it paste the following coding
/ *****************************************
Banglanet blockquote post
****************************************** /
. blockquote post
{
font-size: 15px; font-family: Verdana, font-weight: normal; font-style: italic;
background-color: # F2F1F1;
color: # 000;
margin: 5px 10px;
padding: 20px 20px 20px 20px;
border: 2px dotted light gray;
border-radius: 10px;
box-shadow:-1px-1px 2px 12px Gainsboro;
transition: background-color 0.777 s;
-webkit-transition: background-color 0.777 s;
-moz-transition: background-color 0.777 s;
-O-transition: background-color 0.777 s;
-ms-transition: background-color 0.777 s;
}
. blockquote post: hover
{
background-color: dark green;
color: # fff;
}
. post blockquote: active
{
background-color: CornflowerBlue;
color: # 000;
}

Note:

If you receive a similar style tags as shown below. Then, first remove it.
. post blockquote {
--------------------
--------------------
--------------------
}
. post blockquote p {
---------------------
---------------------
}
. blockquote post: hover {
---------------------------
--------------------------
-------------------------
}

Now, when you have connected the above code will save the template, click Save Design Button
That's all ...... You are ready.

Enjoy!

By Unknown