Widening the layout/page of blog

When i was maked the blog, i use template in blooger,
and i wasn't like wide of template,
or when we want to enhaching the coloum sidebar of our blog..
and i want to widening my blog..

To widening or blog,, we must know about header, main, sidebar and footer


Before we widening the layout/ page, we must calculating ahead..
we calculate wide of
Outer=Header=footer=main+sidebar+Space*
*Space= generally about 20 to 50

after calculate, we get (example)..
Outer=Header=Footer= 950px
Main= 600px
Sidebar= 300px
spasi= 50 px

hmm,, now we can widening layout/page of blog..
1. entrance to your blog and go to edit HTML..
2. Click expand template widget
3. Find Script #outer-wrapper
4. see this code..
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
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 */
}

#sidebar-wrapper {
width: 220px;
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 */
}
5. change red numbers with number we calculated mention..
#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 600px;
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 */
}

#sidebar-wrapper {
width: 300px;
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 */
}
If you are finish change code/script...
you must change the wide of header and footer..
to chaneg wide header and footer, the methode same with the methode to change the sidebar and main..
you find #Header-wrapper and #footer-wrapper, after that you change the number of wide..

hmm, oke,, after all,, you finish to change the widening the layout..
Selengkapnya ..
0 comments

hide navbar in blogspot

actually, navbar in blogspot is usefully..
we can direct in to blogger.com with navbar, and we can see other blogspot..
but when i see navbar in my blog, i think is not good to my layout blogspot..
hmm, how to hide the navbar??
hmm, oke,, i will explain to all of you how to hiding the navbar..
to hide the navbar, you must write script at edit html on your blog..


#navbar-iframe {
Display: none !important;
}
that script you placed like this..
<head>
<b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000" value="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="linkcolor" description="Link Color"
type="color" default="#9ad" value="#99aadd">

after that you save and see your blog.. Selengkapnya ..
0 comments

Hide Header Title

hmm, i want to share about how to hiding the header title in blogspot..
this is the litle story why i want to hide the header title in my blog..
hmm,, when i want to make the adorable blog..
i think i have the bad layout when i get in the picture to my header blog,
because at there found the title which disturb my layout..
because of that, i want to hide the header title in my blog...

to hide the header title is..
1. Get in to your blog
2. get to edit html..
3. find this code
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}

4. after that, write visibility:hidden at the bootom that code..
5. and the code become this,,,

#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}

yup... your finish hide the header title...
now you can see your blog...
Selengkapnya ..
0 comments

first entri

dear all...
I am making this blog to have fun in my wasting time.
maybe my activity to make this blog is very late to now.hehehe...
however, this my third blog.
this blog is same with my first blog.
but the different this blog with my firts blog is, this blog with english language, and my first blog with indonesian language.
actually, my english language is not good, but i hope your are can understand what i say...
hmm,,, in this blog, i want to write the content about news which usefull to all of you..
thanks to see and read my blog.. Selengkapnya ..
0 comments