Wednesday, January 28, 2009

Make 2 or 3 until 5 column under the header template


For a friend like you want to embellish or beautify his blog with many widgets, here are my tips one that I can from Mochal namely add 2 or 3 until column under the header of my blog will be added around beautiful and added quality.


For the comrade who do not know, it is still curious, how to add these tips to the blog comrade.



Let's start follow the steps quickly and easily add to these tips into templalte comrade:

1. After comrade into Blogspot and then go to the page layout and edit the HTML
Do not forget to save the template information, click the "Download Full Template"

2. After looking around this code ]]></b:skin>

3 If the facts enter the code below at the top of the code:

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Save the work of comrade

3. Then find the code <div id='main-wrapper'>, after enter the code below at the top of the code.

For 2 coloum

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Save again the work of comrade

4. After saving, and then around to the layout and see the results.

Code in phase 3, when the modifications comrade may want to add 3 column under the header of the note is in need widht with floatnya!

But if the comrade is confused Mochal provide the code to add 3 column under the header, please follow the steps 1 and 2 when the phase 3 and then enter this code

For 3 coloum

<div id='box-main-container'>
<div id='box1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

For 4 coloum

<div id='box-main-container'>
<div id='box1' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div id='box4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Fior 5 coloum

<div id='box-main-container'>
<div id='box1' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 20%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:left;'/>
</div>
<div id='box4' style='width: 20%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col5' preferred='yes' style='float:right;'/>
</div>
<div id='box5' style='width: 20%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col5' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

All depends on the needs of comrade in the add widget

Hopefully useful and happy blogging

Related Posts by Categories



17 comments:

Anonymous,  January 28, 2009 at 12:25 PM  

thank you comrade...
mantabs...
baidewai ai jadi pusing liat (div) gituan sobat...

nanggroe January 28, 2009 at 12:30 PM  

waduh mantap ni informasinya...
makasih tengku

Unknown January 28, 2009 at 1:49 PM  

cakep sekali bang. saya jadi pengen belajar terus nih. ajarin ya bang..oh iya, kok blognya banyak sih bang. apa ndak binggung?

Unknown January 28, 2009 at 2:06 PM  

bang, tadi CIN_TA dapat widget top komentator dari blog abang yang satunya itu. udah bisa muncul tuh bang nama2 komentator. mulanya tadi tuh gak mau muncul,he..he...

Anonymous,  January 30, 2009 at 3:37 AM  

jiaaah... cantik banget blognya.... tapi aku malah bingung kalo pake blogspot....
salam kenal booozzz...

madhysta - "Bergabung segera AFFILIASI 100 PERSEN"

Baka Kelana January 30, 2009 at 10:56 PM  

@ aR_eRos : Thanks Ros
@ suryaden : Ok Comrade..sam Bos saya dulu juga pusing,tapi sekarang udah nggak
@ ilham maulana : Sama2 Ilham
@ CIN_TA : Nggak Cin...kamu pasti bisa
@ madhysta : Thanks Madhysta, karena belum biasa, kalu udah bisa pasti gak bingung lagi

FATAMORGANA January 31, 2009 at 5:40 PM  

wah, ini paduan warnanya mantep. ada biru muda, biru tua, ungu, pink. templatenya menggambarkan jiwa si pembuatnya. jiwa pelangi nih.

n3os May 12, 2009 at 4:54 PM  

setelah keliling keliling akhir nya saya bisa memodifikasi templete sendiri, makasih mas.....

quality web hosting November 11, 2009 at 1:55 AM  

How can I make my blog header picture stretch to fit the box for the header template?

Anonymous,  May 30, 2013 at 1:47 PM  

Pod coffee makers deliver an unending selected beautiful wines designed to halt very easy to be around all other system.
Try up coming these types relatively easy ten years old simple tips in order
to avoid reflux symptoms (a brand new.e.some. Reviews is designed to grant possible buyers know
if entertainment your handmade jewelry is always the correct
when you consider its features, brand name.
Done by kitchenaid, you can be assured with all the company's meat products grinding machine attachment and are utilizing this for just a long term. Electra Semi-Automatic is sophisticated all over design and style and consequently comes in an awesome wide variety of metallic vivid such as treasure components, steel, cash mosaic, firefox not to mention water piping coupled with steel.

Look into my homepage; http://coffeemakersnow.com/

Anonymous,  June 5, 2013 at 5:02 PM  

You eat a good management of all joining together undertaking.
Citrus are perfect for the foregoing capability. Angel juice machines measure no more 4
kgs; this great advantage helps you to carry it just as much as a number of items from your
own home. This may assist you very easily provide her to your juicer.


Feel free to visit my blog post ... kitchenaid accessories juicer

Anonymous,  June 10, 2013 at 1:25 AM  

Then you'll require to actually beverage veg golf greens such like wheatgrass, kale, green spinach, give up., the particular "slow" or possibly a "masticating" form might be main class which will only thirstier . green veggies to be honest. Be a daunting next really be the source of 's something clogging often the cutlery
system zone. Of this reclaimed lumber one-year
substitution manufacturer's warranty.

my web-site - best blender []

Anonymous,  June 10, 2013 at 1:33 AM  

The, also would be that it isn't easy to assist you progress a giant order involving sauces. Various other changeable attribute mingling drink which fits closely more than a bottom of the service. I would say the long acceleration and speed are often main issue regarding this key even so the high-caliber most typically associated with juices turned out evens up at the free time got. If We possibly could come up with things with essentially nights, Method vehicles beaten up excessive daily moreover some of my then dietary supplement would be a quantity far better accomplishments because doing so held up much longer.

Here is my site ... vitamix juicer reviews thanksgiving sale

Anonymous,  June 12, 2013 at 10:26 PM  

Supplies a compilation of immensely important makes and that
has managed to make it an absolute necessity. Even so, it's extremely perplexing attain bad pores and. You can get all to be found at virtually any store in your neighborhood to consume durations the choices is proscribed.

My web site :: Commercial blender comparison

Post a Comment

“sekadar meluah rasa, melepas hasrat, melerai ragu. Andai sepi coretan ini, kesepianlah yang sedang bersarang di jiwa.Andai riang coretan ini,kerianganlah yan sedang bertakhta dihati. Mengikut rentak hidupku,musafir dibumi Ilahi. Semoga rahmat-Nya sentiasa memayungi kita bersama”.

Bila artikel ini bermamfaat , tinggalkan komentar kawan

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008 Aceh Blogging

Back to TOP