After we just the New Header for our blogger template.I think It's not quite finish.So we gonna more edit the template by Css command.
This kind of the thing you gotta to know about Css.So to day gonna learn basic css that not quite to hard to learn.And that's make our blogger template look unique and more profressional.OK...we start from
Font
* Font Family: Controls the font on the page should be tahoma,courier,vedana
* Font Style : Controls the style of the font should be italic,bold,normal
* Font Size : Controls the size of the font should be medium or number of pixels or percentage
Color and Background Properties
* Color: Controls the color of the text should be red or the color code like #FFFFFF
* Background Color: Controls the background color should be transparent (default) or red or the color code like #FFFFFF
* Background Image should be Allows to set background image should be none (default) or image url
* Background Position Controls the position of the background on the page
For me I think with these 2 Css properties you can create a lot of cool template.
If you want to learn more about css you go to
w3.org/css
pageresource
htmldog.com/cssproperties
Now we're gonna fix more our blogger template.
First thing I want to change is Background color that is original one is Grey #333333
that I want to change to background-color: #006633;Green
You can check the color code from the color tool
online is http://www.colorschemer.com/online.html
And I change my content background color #333333 to #FF6314 that's Orange
And I also change my main background color #999999 light grey to #FF0080 which's pink color
And the last I will change my sidebar background color #666666 grey color to #0099FF blue.
Here you are my Re-design blogger template by luukmuu.
I think quite nice,isn't it?? hahaha......I think can make a idea how and can enjoy design a new your only one unique blogger template in the entire whole world.
Friday, March 9, 2007
How to Re-design blogger template ( 2 )
How to re-design blogger template?
A lot of blogger want to have thier own unique template but most of them lazy....haha and don't know html.One of the best way to have your own unique style template is to Re-design Free blogger template.Today I'll show you guy how to and it's not so hard to learn.You'll love it
1.You choose the template.I go for the http://www.laughingliondesign.com/templates.html
that's my favourite free blogger template smart and cool. I will go for : Pink and Grey
2.Download template
3.extract zip file to get html to get the notepad file.
4.Go to Blogger template edit reverse it to the classic template style.
5.copy the html code to template then save.
6.you will get the new template look like this 
Ok. after this I think you will get the template look like this
We gonna Re-design it to be my own unique blogger template.
I.Header
1.go for Adobe photoshop to create my own header.Open it> New >
I go for width 765 height 169
2.Choose your graphic.
MY favourite place is Flickr ,photobucket.com,
gettyimage to find image.
3.open the image to photoshop.Design it until you love it.
This is my new heading
4.upload this image to photobucket.Get the code then Paste the the template to the header
Let' see in Blogger template
#header { width:765px;
margin:0 auto;
padding:0px 0;
-align:left;
background-color: #ED2C9F;
background-image: url(http://photos1.blogger.com/blogger/1642/3208/1600/header.2.jpg);
height: 200px;
http://photos1.blogger.com/blogger/1642/3208/1600/header.2.jpg
this is the old header
put the new header code instead...then preview template If .....this ok press save
This is my Re-design blogger template look like.
Next we gonna Re-design the template 's title,background color,font and more.
Free blogger template
laughingliondesign
zootsdesigns
kaushalsheth
blogspottemplates.blogspot
blogtemplates.noipo.org
ehsany
ravasthi
thrbrtemplates
solucija
freetemplates.blogspot/
not-that-ugly
loveproductions
diaphaneity
zootsdesigns
kaushalsheth
laughingliondesign
free-blogger-templates
freeblogspottemplates/
3.Go to Blogger.com then Template menu
the code select all the code then Back to the edit html paste the code & save
6.sign up free photobucket to upload photo
you'll get the html like .........http://i107.photobucket.com/albums/m283/luukmuu/Untitled-3d.jpgput the html code in the Background image .....
