Ads

Kumpulan Lagu Cinta Terbaru 2012, Love Song

Nabil Ftd – The Killermedia
Rabu, 26 Mei 2010 10:19 WIB

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: Nabil Muhammad Firdaus - ItemReviewed: Cara Mudah Membuat Tiga Kolom Elemen Baru di Bawah Header 2

4 komentar

DISCLAIMER BOS!!
[Disclaimer]
[Emoticons]

adakah screen shotnya, supaya saya bisa lebih faham

Balas
26/5/10 17:03

ya informasi yg berguna

Balas
26/5/10 17:48

nice post gan, mampir ya

Balas
26/5/10 17:48

Mantapphhh!!!! keep Blogging nihh gann..btw, tambah ajib nih themesnya... suksess !!!

Balas
28/5/10 13:17
 
IdWebDesign Company Logo

+62 81 328 733 696 | Email : idwebdesign@yahoo.com