Cecille's Creativity

I change my blog’s background again. I want to change it every month but sometimes, I just get tired and won’t do it until after 3 months or more. It’s not hard to do it but the only thing is that you need to look for an image and place some accessories to go with it. In short, you just have to be creative.

Check out my tutorial.

Find Sandals Resort Coupon at FindSavings.com

Everything in life takes a lot of preparations most especially when a woman is having a baby. Pregnant mothers all over the world want the best for their baby. They take good care of their baby even when it is still in the womb. They nourish them with great attention and love even until they deliver the baby, until that baby grows into a child. The love of the mother will never change because the baby is the extension of her life. Great questions linger everyday that mothers often ask concerning the health and the growth of their babies like: “What is the recommended food that offers good nutrients for my baby?”, “What is the best milk for him/her?”, “What are some of the products that is best for the hygiene of my baby because of her/his skin that is very delicate?”, “How do I prepare his/her bottles, clothes, etc.?”, “How do I protect him/her to get rid from illnesses and diseases that he/she might grasp from the environment?”, How do he/she develops her/his motor, verbal, mental, and social skills?”, “Am I giving the best for him/her?”, “How do I attain to his/her needs that oftentimes I have work to do?”. These are some of the questions most mothers would ask upon rearing their babies because all they want is 100% assurance for their babies’ safety and their babies’ proper growth and nourishment.

exterior shutters

You need to have a photobucket account for you to upload the picture you want and to get the code.

Sign it at photobucket.com then click MY ALBUMS

You will see REDUCE TO for the size of your picture at Upload Images and Videos

Click 1 megabyte file size

Then CHOOSE FILES

Locate where you save your picture.. my document, my picture, desktop… etc.

Then you will see the save picture below. Just point th cursor on the picture and you will see links. You are going to need that DIRECT LInK CODE

NOW, at EDIT HTML at blogger.com you are going to delete this code:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

And change it with this….

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color:#FFFFFF;
background-image:url(http://i305.photobucket.com/albums/nn205/crabucay20/image36-2.jpg); <<--change this with the Direct Link code from photobucket.
background-attachment: fixed;
background-position:top center;
background-repeat:no-repeat;
border-color:#ffffff;
border-width:0px ;
border-style: solid;
}a:link {
color:$linkcolor;
text-decoration:none;
}

Save template and your done… oh! Not yet. Hehehe!

Before making changes in your blog make sure that you copy and save the HTML in a notepad or anywhere else. Just in case you don’t like the result of what you are doing. You can copy and paste it back.

1. You need to have a blogger account. If you don’t then sign up at blogger.com

2. You need to look for any background that you want for your blog. I used the “Art Explosion Scrapbook Factory (Version 4.0)” CD and they have variety of beautiful layout and you can actually make your own style layout too.

Remember: You can’t use a dark background if you are using dark color text on your blog.

Let’s Start….

Sign in at blogger.com

Then, go to LAYOUT, choose PICK NEW TEMPLATE then click MINIMA then SAVE TEMPLATE. Then go to EDIT HTML then scroll down and look for /* Header

Once there, change the text that is in red color

#header-wrapper {
width:660px; -->>> to 940
margin:0 auto 10px;
border:1px solid $bordercolor;
}

------------------------------------------------------------------------------------------------
At the bottom of the same Header section look for: #header .description {

#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:660px; --->>>change to 940
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

-----------------------------------------------------------------------------------------------
#outer-wrapper {
width: 660px; ---->>>change to 940
margin:0 auto; padding:10px;
text-align:$startSide;
font: $bodyfont;
}

-----------------------------------------------------------------------------------------------

#main-wrapper {
width: 410px; ---->>>change to 500
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Add this between the “width and the float”
margin-right: 15px;
margin-left: 15px;

----------------------------------------------------------------------------------------------

Now, copy this code and paste it in between the "outer-wrapper" code and "main-wrapper" code.

#left-sidebar-wrapper {
width: 185px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Add this in between the “width and float”
margin-right: 10px;
margin-left: 5px;

----------------------------------------------------------------------------------------------
#sidebar-wrapper {
width: 220px;<-------change to 185
margin-right: 5px;
margin-left: 10px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Add this in between the “width and the float”
margin-right: 5px;
margin-left: 10px;

Then locate this too. It’s just a few lines below

Now, type this above the “main wrapper”

Then click save template

Now, if you try to click VIEW BLOG you will now see the three column Minima Style.

To be continued....