Assalamu'alaikum,This is me!

daguku.com

Graphic Design Advertising Offset Printing Photograpy Boutique

Senin, 28 Januari 2013

Membuat 1 Kolom Di Bawah Header

Menambah 3 kolom di bawah header
1. Masuk ke akun bloggger anda.
2. Klik Layout/Template (New) > Klik Edit HTML.
3. Beri tanda centang pada Expand Widget Template.
4. Sekarang Cari kode ]]></b:skin>.
5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.


<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>


6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.

<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>

8. Langkah terakhir klik Tombol Simpan Template.

9. Selesai dan lihat hasilnya. Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.


Menambah 1 kolom di bawah header
1. Masuk ke akun bloggger anda.
2. Klik Layout/Template (New) > Klik Edit HTML.
3. Beri tanda centang pada Expand Widget Template.
4. Sekarang Cari kode ]]></b:skin>.
5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.


<div id="box1" style="float: left; margin: 0; text-align: left; width: 100%;"> <b:section class="box-widget" id="col1" preferred="yes" style="float: left;"> </b:section></div>


6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.

<div id='box-kolom-widget'> <div id='box1' style='width: 100%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/></div> <div style='clear:both;'/> </div>

8. Langkah terakhir klik Tombol Simpan Template.

9. Selesai dan lihat hasilnya. Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat 1 kolom di bawah header ini..

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna Veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

JOHN DOE
+123-456-789
Melbourne, Australia

SEND ME A MESSAGE