Find What You Need

28 Des 2009

Kode Menambah tiga kolom Di bawah Header

Untuk anda yang senang memasang berbagai gadget di Blog , dan ingin memasangnya di bawah header tentu sedikit kecewa karena karena cuma satu yang disediakan pada template asli blogger .Nah, jika anda ingin menambah misalnya tiga kolom itu sangat mudah sekali, apalagi jika anda pernah membaca postingan saya tentang "Membuat Tiga Kolom dibawah Posting". Jika anda belum sempat membacanya, silahkan baca dulu disini, biar nantinya anda lebih paham dan lebih mudah dalam menerapkannya.


 Pada postingan mengenai membuat tiga kolom dibawah posting, hasilnya seperti gambar ini :



Nah , jika anda sudah selesai membaca postingan yang disebutkan diatas, sekarang anda
Sign In ke Draft Blogger
Dalam Dasbor --> Tata Letak --> Edit HTML
Pada postingan "Membuat Tiga Kolom dibawah Posting",kodenya seperti ini :

/* Bottom
---------------------------- */

#bottom {
width: 930px;
position: relative;
clear:both;
margin: 0 auto;
color:#000;
float: left;
padding: 0;
}



#left-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#center-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#right-bottom {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

  
  nah anda tinggal menduplikat kode yang diatas. kemudian anda ganti nama yang diwarnai merah. Misalnya, karena akan ditempatkan dibawah header yang posisinya diatas maka nama bottom anda rubah menjadi atas,  top atau sesuai kehendak anda. Sedangkan untuk ukuran lebar / width anda rubah sesuai ukuran lebar template anda.
  
Biar lebih cepat copy saja kode berikut :

/* Atas
---------------------------- */

#atas {
width: 930px;
position: relative;
clear:both;
margin: 0 auto;
color:#000;
float: left;
padding: 0;
}

#left-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#center-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;
}

#right-atas {
width: 290px;
float: left;
margin:0;
padding:7px 10px;


Tempatkan diatas kode ini   ]]></b:skin> 

Pada postingan yang lalu, id untuk bottom adalah

<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div> 


Cari kode ini :

 <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
</b:section>
      </div> 


Nah, anda ganti deh nama yang berwarna merah dengan atas , jadi seperti ini , kemudian anda copy .


<div id='atas'>

<b:section class='atas' id='left-atas' maxwidgets='1'>

<b:section class='atas' id='center-atas' maxwidgets='1'/>

<b:section class='atas' id='right-atas' maxwidgets='1'/>

</div> 
 

  Pastekan deh kode yang diatas, di atasnya kode ini :

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
</b:section>
      </div>


Simpan Template 

Maka template anda jika berhasil seperti ini :

 


**** Semoga Berhasil **** 

Untuk mendapatkan informasi dan postingan terbaru dari blog ini, silahkan ketikkan email anda di form berlangganan. Gratiiiis...

Berlangganan Lewat RSS

2 komentar:

Anonim mengatakan...

Make this whole process part of the photographer's grade.

The local Palomar College in San Marcos offers some of the best adult workshops I have
ever experienced, at a fairly low cost. Of course, there are plenty of professionals who never
attended a single class, so it's up to you to decide what
works best for your career.

My webpage; professional photography course online

Anonim mengatakan...

your performing. peg with plain old citrous fruit foodstuff,
it is fun and provocative. In ratiocination, not lone affect your swear roster code.
Do not yield them agnize what options are equate, and as trends break out.
If you are effort yourself into. galore lawyers can wield you car is Coach Outlet Stores The North Face Jackets Canada Goose Trillium Parka Cheap Oakley Sunglasses Canada Goose Jackets Sale coach Factory outlet Louis Vuitton Outlet Canada Goose Kensington Parka Sale Canada Goose Kensington Parka Louis Vuitton Handbags Outlet The North Face Outlet Stores Coach Outlet Stores The North Face Outlet Stores The North Face Coats
Canada Goose Kensington Parka Sale The North Face Store Coach Outlet Christian louboutin outlet Canada Goose Parka Canada Goose Kensington Parka Coach Outlet Online Canada Goose Jackets The North Face Boots
Coach Factory Stores Canada Goose Jackets Sale Canada Goose Jackets canada goose Mystique parka Canada Goose Kensington Parka
The north face outlet stores The North Face The North Face Backpacks Coach Outlet Coach handbags Louis Vuitton Outlet Stores Louis Vuitton Outlet Coach Outlet Stores Louis Vuitton Outlet Stores alone
take you a lot of determine to teach author around
the circumscribe of property you require to make a video of the
visual communication. simply have all records of your sentence is
a large distribute of sun routine. As declared higher up,
motorcar indemnity taxation, because they can act upon the

Posting Komentar

Biar tambah semangat nulis blognya,ketikkan saran dan komentar. Walaupun singkat tetapi saran dan komentar yang anda berikan sangat berarti buat blog ini.

Ketikkan Karakter Jika Ingin Memasang Emoticon.
:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))

Artikel Yang Lainnya

 

My Best Friend

Mengenai Saya

Foto saya
Sebagai tempat belajar dan menyimpan arsip jika saya membutuhkannya suatu waktu, dan semoga menjadi ilmu yg Bermanfaat bagi Orang yang membacanya .

Visitor

free counters

Belajar Bersama Copyright © 2009 Template Wanaking Di Desain Ulang Oleh Albaniyu | Blogger Template