Selasa, 19 Juni 2012

Bikin Kolom Diatas Kolom Posting

Untuk menciptakan seperti gambar yang kedua seperti contoh di atas, anda perlu membuat kolom baru di atas kolom posting. Bagi yang berminat, silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan login ke Blogger dengan ID anda.
  2. Klik Tata Letak
  3. Klik tab Edit HTML.
  4. Klik tulisan Download Template Selengkapnya.
  5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
  6. Cari kode ]]></b:skin>.
  7. Copy paste kode berikut persis di atas kode  ]]></b:skin>.
    .topcolumn{
    width: 578px;
    padding:10px 0px 10px 10px;
    background:#fff;
    margin:0px 0px 10px 0px;
    text-align:left;
    border:1px solid #C0C0C0;
    }
    .topcolumn .widget{
    }

  8. Lihat ke bagian bawah, lalu cari kode berikut :

    <div id='main-wrapper'>

  9. Copy paste kode berikut persis di bawah kode <div id='main-wrapper'> :

    <b:section class='topcolumn' id='topcolumn' preferred='yes'/>

  10. Klik tombol SIMPAN TEMPLATE.
  11. Selesai.

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

elemen-halaman

Tidak ada komentar:

Posting Komentar