Shadow Effect at Blogspot Blog Gadgets

Shadow Effect at Blogspot Blog Gadgets

Gadgets For Blogger - Hello my friend come back again we gather together in a closed room is. On this fine day (night) we will learn together about the Design Weblog again. Design as it is adding a Shadow Effect On page, exactly the Bottom. Tutorial this time is how to create a Shadow Effect On page outline associated with CSS3 Box Shadow. What is Box Sahdow? In the Shadow Box Css interpreted as the effect of shadows on a box element. In other words Box was like we were on the float with his own reflection.
BOX-SHADOWINSET

Shadow box that there are 2. Box-shadow to shadow out and Box-shadow: inset for the shadow on the inside. Shadow box method we use to meet the requirements in accordance with the title of this post "In the Shadow Effect Page" is a box-shadow.

Seletah we know the method of box-shadow that is in use, now the next step is to perform the laying of box-shadow floated in the air exactly the bottom and hide under the computer screen.

The goal is that the blog has a new style that is a shadow on the bottom edge.
Examples like what? Come See the demo images above!

The shadow will continue to be under because of the effects on Css Fixed Position Property
How do I make it
Go to Blogger.com with Password and ID
Open Layout / Design
Go to Edit HTML
Find the code </ body> and then put the following code before the code </ body> were:
<div style='display:scroll; position: fixed; bottom:-20px; right:0px; width:100%; border:0; box-shadow:0 0 100px #000;'> Gadgets For Blogger </ div>
Done. Easy is not it?
Source: Farixantips - Gadgets For Blogger