Shadow box effect when the cursor touches blockquote

"Decorate your blog with tutorials provided. Please click on a category tutorials on your right side to see more tutorials. Most widgets tutorial are compatible with the basic template that has been provided by blogger.com. Some widgets, maybe not for a specific templates that are provided by other personal bloggers. But you can try it first. If it did not work, please remove this widget from your blog. Good luck."


Shadow box effect when the cursor touches blockquote

Shadow box effect appears when the cursor touches the block quote. In the shadow and the border line, you can change the colors to suit yourself. Interesting right? let's try. Before that, for those who do not know how to put the box on quotes blockquote, please refer to this tutorial or for simple user templates, see this tutorial.

1) Sign in blogger account

2) Dashboard> Design> Edit HTML

3) By using ctrl + F (press simultaneously on the keyboard), find the code

.post blockquote {

or the code below

blockquote:hover {

4) Copy the code below and paste POST / UNDER code search topic earlier in step 3

border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
}

note:

000000 - border line color. Change the color of the crowd likes. Refer to the color code below

FF3399 - the color of the shadow box. Change the color of the crowd likes.

5) Click preview, if there is no error, click save template.

 Please read more others tutorial about blogger blog and widgets.

Thank you for read...happy blogging......