membuat tiga kolom' di bawah header

membuat tiga kolom' di bawah header


satu lagi...

cara membuat tiga kolom elemen dibawah header Untuk membuatanya hampir sama dengan cara membuat kolom elemen di atas footer. Silakan ikuti langkah-langkah di bawah ini :

    * Log in dulu ke blogger
    * lalu pilih Tata Letak
    * klik Edit HTML
    * Beri tanda centang pada kotak kecil kanan atas
    * Kemudian cari kode ]]> dan
    * Letakkan kode di bawah ini datas ]]>



      /* Top Header
      ---------------------------- */
      #topheader {
      width:930px;
      clear:both;
      float:left;
      color:#333;
      background:#fff;
      margin:0 auto;
      padding:0 0 10px;
      }
      #topheader a:visited {
      color:gray;
      text-decoration:none;
      }
      #topheader h2 {
      font-size:11px;
      font-weight:700;
      line-height:1.4em;
      text-transform:uppercase;
      border-bottom:1px dotted silver;
      margin:0 0 10px;
      padding:20px 0 2px;
      }
      #topheader ul {
      color:#333;
      margin:0;
      padding:0;
      }
      #topheader ul li {
      list-style-type:none;
      background:fff;
      border-bottom:1px dotted #ccc;
      padding-left:17px;
      margin-top:2px;
      }
      #left-topheader {
      width:360px;
      float:left;
      padding-left:15px;
      }
      #center-topheader {
      width:230px;
      float:left;
      padding:0 20px;
      }
      #right-topheader {
      width:260px;
      float:right;
      padding-right:15px;
      }


      silahkan anda modifikasi susai dengan lebar kolom tamplate anda.
    * Kemudian kita akan membuat id untuk properti elemen yang baru saja ditambahkan. cari kode ini

     
     
     
     

    * Kemudian tambahkan kode di bawah ini persis dibawah nya

     
     
     
     
     

    * Simpan tamplate anda dan lihat hasilnya.

       Selamat mencoba.....

Tidak ada komentar:

Posting Komentar

Ada pendapat lain dari sobat, Silahkan berkomentar