Creating a shadow effect on templarte blog blogs can add to the attraction and look more attractive and beautiful that also makes its own penialaian visitors to our blog. Shadow or shadow effect on a blog is not difficult. Follow the tutorial below:
Background In general:
Login to the Blog >>
Click Design >>
Edit Html >>
Find code # outer-wrapper ... blah .. blah ... (use ctrl + f search so much easier)
add this code below code # outer-wrapper was ...
box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
UPDATE article because there is a feeling not work:
so as above hasinya something like this:
If the template of this blog
| #outer-wrapper { | |
| background:#ffffff; | |
| border-left:1px solid #4169e1; | |
| border-right:1px solid #4169e1; | |
| border-bottom:1px solid #4169e1; | |
| width: 1000px; | |
| margin:0 auto; | |
| padding:10px 10px 20px 0px; | |
| text-align:left; | |
| font: normal normal 11.5px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
| |
| } |
The red code above can be replaced with color coded buddy, if less understood about the html color codes can be found in http://www.colorschemer.com/online.html. Figures like 0 0 20px be changed at will if you want shadow effect more pronounced and widespread.
When finished, save the template
In addition to the code # outer-wrapper, you can find the code. Posts and. Post-body, that if for postnya body ... Also you can search # sidebar or. Sidebar as well and add it and the # footer-wrapper, and others are much more dependent than the default template ..., but you can set it up yourself staying understand understanding.
Source : http://shift-7.blogspot.com/2012/06/membuat-efek-bayangan-shadow-pada-blog.html
0 comments:
Post a Comment