Jika kita membuat blog baru maka mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yang merupakan page elements yang bisa dipilih dari tab template seperti terlihat pada gambar berikut ini:

ntuk lebih memahami setiap bagiannya saya menyertakan juga code untuk masing-masing bagian diatas. Untuk bisa melihat code itu, sebelumnya harus login dulu ke blogger, pilih blognya, layout, template, edit html.

Body – adalah seluruh bagian yang tampil pada browser termasuk Blogger Navbar, pada gambar diatas ditandai dengan warna merah.

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

Outer Wrapper – adalah berisi semua bagian dari blog, bagian ini ditandai dengan warna pink

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Header Wrapper – adalah bagian paling atas biasanya berisi deskripsi dari blog, bagian ini ditandai dengan warna kuning.

#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}

The Main Column – Bagian ini berisi postingan dan biasanya paling luas, pada gambar diatas ditandai dengan warna biru.

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

The Sidebar/s – adalah bagian yang berada disisi dari The Main Column/postingan, untuk template 3-column biasanya berada disisi kanan dan kiri. Pada gambar diatas ditandai dengan warna hijau.

#sidebar-wrapper {
width: 220px;
float: right;
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 */
}


The Footer – Posisinya berada dibagian paling bawah sejajar dengan Header Wrapper, ditandai dengan warna ungu.

#footer {
width:660px;
height:50px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Nah, sekarang kita sudah bisa mengerti dan memahami bagian-bagian utama dari blog kita, untuk selanjutnya akan dibahas mengenai cara membuat template 3-column. Saya sangat mengharapkan kritik, saran dari rekan-rekan yang sudah master dalam hal mengutak-atik template blogger.

source gambar : http://betabloggerfordummies.blogspot.com/

24 comments:

Anonymous said...

chuckit mini ball launcher britax roundabout convertible car seat in onyx frankley school new plymouth medela mini electric manual ford dealership lafayette

Anonymous said...

Hi

Last winter was for many of us very cold. Lack of power supply cause that most people think about getting [url=http://www.xn--generatory-prdu-g0b.wlocl.pl/wynajem-agregatow-pradotworczych/]pradotworczych agregatow wynajem[/url] to make safer heating when possible.


See you

Anonymous said...

8585.....88055

Anonymous said...

Hi, I'm a newbie here, but I already want to bring all the benefits of me :) So, I want to share my experience with you..
9 days ago, accidentally, i had found the Mobile Phone TV...and I was so delighted with this application
that I decided to talk to you :)

I consider myself a bit of a road warrior. I am on and off jets and through airports at least twice,
usually 4 times a week. I can catch up on news, watch a Discovery program, check up on the stock market or just find something interesting.
The live guide works like cable at home and the connection speed is very good. All in ALL - I RATE A 5 Star program!

but I do not want to leave any links here, so you can email me fairyalexiss@gmail.com
and i will give you the site of this unusual program :)

(but please don't PM me, because it's so difficult to communicate in such kind of way)

so, I hope I was helpful to you)) see you in next posts ..

sincerely
your Alexis....

p.s. English is not my native language, so sorry for any mistakes :)

Anonymous said...

xanax drug xanax and alcohol detox - drug testing for employment xanax

Anonymous said...

buy ativan online ativan withdrawal klonopin - lorazepam 1 mg what is it used for

Anonymous said...

buy ativan lorazepam 1mg tab - lorazepam 1mg 50 comprimidos

Anonymous said...

xanax drug xanax 0.25 mg tablet - cheap xanax online

Anonymous said...

valium diazepam best generic diazepam - diazepam dosage kids

Anonymous said...

ativan pharmacy ativan dosage status epilepticus - ativan dosage per kg

Anonymous said...

buy soma online buy somatropin online no prescription - grapefruit juice carisoprodol

Anonymous said...

valium 10 mg valium pill 10mg - cheap generic valium online

Anonymous said...

buy ambien no prescription ambien sale mexico - cost of generic ambien without insurance

Anonymous said...

buy soma soma 350 mg drug - buy soma medication online

Anonymous said...

where to buy valium online order valium online cheap - buy valium online cheap

Anonymous said...

buy soma soma drug 2410 - drug interactions soma suboxone

Anonymous said...

purchase valium buy valium online - valium 5 mg gocce

Anonymous said...

buy valium online online pharmacy valium canada - valium 5mg how long does it last

Anonymous said...

valium for sale no prescription valium anxiety attacks - effects of valium on cats

Anonymous said...

[url=http://howtobuyclomidwithoutprescription.com] Buy Clomid online no prescription[/url]

http://howtobuyclomidwithoutprescription.com


order Clomid online

Anonymous said...

[url=http://ivlkrwnnz.com]cnodZA[/url] , ccrqmqbxVIBHRd , http://hhmgziigpu.com

Anonymous said...

instead, Facebook is one of the ball. improper: Guaranteed Payday Loans prey let down-income mass and multitude are applying for Guaranteed Payday Loans exigent is stress rid for everyone. If you've got questions, and Fifth tierce banking concern and, when combined with Apple's own following-generation and similarly, to help. So instead of their miserable course credit platter is not merely reassuringly high in Comparison of the libertine immediate payment. http://paydayloans909.co.uk To getdebit Identity card Guaranteed Payday Loans which is also popular with consumers and goading banks to terminus ad quem reduplicate loans are as well in North Carolina consumers, they feel that they tended to be at least $1. guaranteed payday loans are the Best ways of earning money up to $300 for two weeks, or regular three-base hit the measure that you will care providing such loans without any rough-and-tumble. Other forms of paper work on; In that respect is a consumer group.

Anonymous said...

I love looking through an article that can make men and women think. Also, thanks for permitting me to comment!|
[url=http://instantonlinepayday.co.uk/]pay day loans uk
[/url]

Anonymous said...

2013 Hermes HandbagsBirkin Bags dkgo 2013 hermes bags2013 hermes bags zawl