How to Change the Background Page Blog With Gradient Background Color

If you already have open this blog page, surely now you will see that Semar Confused's Weblog has had page views are very much different from the design of the previously used page views. This is because some time ago I had to change the design and layout of the widget and look for this blog page. The changes that I do are remove the 'Link Exchange', then move the banner and link in it to some widget that I placed in the footer area, and also some changes to the sidebar widgets that appear on the page.

Besides, it also changes I did on some other page elements, in this case is the provision of a frame and use background with gradient color for each element. The goal of revamping what I did, nothing is to provide convenience and comfort to any visitors to this page, so that eventually they feel more comfortable to be here to open and read every article there is. Other than that I do reform also meant that my friend the link or banner that originally contained in the 'Link Exchange' can be easily viewed by visitors in a way move it to the 'Home', due to the fact that according to statistical data analysis of existing traffic, the 'Link Exchange' is very rarely opened to visitors. Thus, if the link or banner placed friends in the front yard or porch, it will provide greater opportunities to be opened by the visitor because the link or banner can be immediately seen when opening the page 'Home'.

Okay, now we're back on the subject of the previous one, which is about changes or improvements that I did for this blog page views. As I mentioned above, that the changes I did to the various elements present. Where one of them is the use of color as a background gradient for each element still. Well, with respect to the use of color gradation in the background, so in this article I will outline the methods used to modify or change the background color gradation blog page, because the review for the use of color gradation on the other page elements that I have published on my other blog (in this case I published in the which is an article with a title such as 1) How to Make a Frame Or Buttons With Gradient Color (Gradient Colour) On the Blog, 2) How to Make a Background With Color Combinations On the Blog Page Elements, 3) Some examples of CSS and HTML code for Creating Gradient Background Color On, and 4) How to Make Button Read More With Frame Gradient Background Color Effect.

You see, if we change the page background color gradation, so first we need to consider is whether the current blog page that we manage to use the image as a background or not. If current blog page that we manage to use the image as a background, it first has to be used as a background image or background to be removed or eliminated by the way: open the 'Templates'> click 'Ubahsesuaikan' to open 'Blogger Template Designer'> click menu 'Background'> and then click on 'Remove Picture'> 'OK'> and then click the 'Apply to Blog' located in the top right corner of the page. Well, then if the background image is deleted, click the 'Back to the Blogger' to work on the next step.

After returning to Blogger, the next step click on 'Edit HTML'> click 'Continue'> find the code background: $ (body.background), and then replace that code with CSS code to create a color gradation. Where for example the CSS code to create a color gradient, for example, is like the code below.

‘Edit HTML’ > klik ‘Lanjutkan’ > look for kode background: $(body.background);
and then replace that code with CSS code to create a color gradation. Where for example the CSS code to create a color gradient, for example, is like the code below

background: #1f74bf; 
background: -moz-linear-gradient( center top, #1f74bf 60%, #ffffff 100% ); 
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #1f74bf), color-stop(1, #ffffff) );
background-attachment:fixed;

Note: That this code is the CSS code for the color gradation is used for the background of this page, so that when implemented it will result in the background colors as shown in this blog.

The combination of colors used in a series of code is blue and white, so if you want to apply it on the blog page that you manage, it could be a combination of colors that is used needs to be adjusted first with the design of your blog page views. In this case, the adjustment can be done by changing the code # # ffffff 1f74bf and color-coded accordingly. And as an example of the combination of color gradations, you can see by the article that I posted in
, in this case the article that I posted in the category 'Programming' with the title 'Some Examples of CSS and HTML code for Creating Gradient Background color On '.

As for the percentage of gradation, you can customize by changing the percentage of the 60% gradient you want. And one thing to remember is, do not change or delete the code background-attachment: fixed; since the code used to make the background are in a fixed position on the page the browser used. Thus means that the background will not follow the movement of the posting when posting rolled up or down.

Hopefully useful and beneficial, and safe to experiment.