Beranda > Pentas Seni > Menambah Elemen Halaman di Bawah Header Menjadi 3 Kolom

Menambah Elemen Halaman di Bawah Header Menjadi 3 Kolom

Menambah Elemen Halaman di Bawah Header Menjadi 3 Kolom

Setelah sebelumnya saya memposting membuat kolom baru di bawah header yang hasilnya seperti :

menambah kolom baru di bawah header
Sekarang saya akan memposting cara menambah elemen halaman di bawah header menjadi 3 kolom, yang hasilnya akan seperti ini :

4 kolom under header b_thumb[2]

Caranya sebagai berikut :

  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 ]]> (Untuk mempermudah pencarian pakai Ctrl+F)
  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 ]]>

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



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





    yang akan menjadi kode berikut :







  9. Kemudian Simpan Template
  10. Tinggal melihat hasilnya klik Elemen Halaman
  11. Sukses ya….
Kategori:Pentas Seni
  1. 20 Februari 2011 pukul 02:21

    lah kode lainnya mana mas rgk ada

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: