Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header 2

NegeriAds.com Solusi Berpromosi

Di bawah ini adalah Tutorial Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header 2! Kenapa saya beri nomor 2! Karena sebelumnya saya sudah memposting artikel seperti ini namun yang pertama! { Baca : Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header }. Nah, sekarang akan saya kasih caranya dan coba lihat perbedaannya dengan cara yang sebelumnya : ( Baca dgn seksama )

1. Anda login dulu di blogger dengan user ID anda.

2. Kemudian anda kilk Tata Letak.

3. Klik Elemen Halaman.

4. Klik Edit HTML.

5. Jangan lupa download template anda, berjaga-jaga kalau terjadi kesalahan anda bisa kembali ke template awal anda dengan klik Download Template Lengkap.

6. Cari kode ]]></b:skin> ( Untuk mempermudah pencarian pakai Ctrl+F ). Kemudian ketikkan ]]></b:skin>

7. Copy kode berikut ini :

#under_header1{

float:left;
width:33.33%;
}
#under_header2{
float:left;
width:33.33%;
}
#under_header3{
float:right;
width:33.33%;
}
#under_header4{
float:left;
width:100%;
}

Paste di atas kode ]]></b:skin>

8. Kemudian cari kode berikut atau yang mirip kode berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='IndonesiaNews dot web dot id (Header)' type='Header'/>
</b:section>
</div>

kemudian copy kode di bawah ini, tambahkan di bawah kode di atas :

<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>

dan selengkapnya akan menjadi kode berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='IndonesiaNews dot web dot id (Header)' type='Header'/>
</b:section>
</div>

<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>

9. Kemudian Click Simpan Template

10. Untuk melihat hasilnya, klik Elemen Halaman!

Selamat mencoba! Semoga berhasil,..

Description: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header 2 Rating: 5 Reviewer: Coba Coba - ItemReviewed: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header 2