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 :


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

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....