Eye Catching Song with hover effects on Blogger Blog





sajib shahik | 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.







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 sajib shahik
I am a professional Graphic designer and web site designer.I always try to make my byers Happy with my work and my activities. See My portfolio.....







Stay Connected With Us
Feed Icon Twitter Icon Facebook Icon Google+ Icon Youtube Icon


Share and Spread Share On Facebook +1 This Post Digg This Post Stumble This Post Tweet This Post Tweet This Post Tweet This Post Save Tis Post To Delicious Share On Reddit Bookmark On Technorati


Related Articles

JOIN THE DISCUSSION

Any feedback, questions or ideas are always welcome. In case you are posting Code ,then first escape it using Postify and then paste it in the comments

0 comments: