Buat Kolom Dibawah Header Pada Magazine

Jika sebelumnya kang Rohman telah membuat tutorial tentang , maka pada kesempatan kali ini mencoba alternatif lain yaitu membuat kolom dibawah kolom header. Ini tentunya berguna bagi anda yang suka menyimpan iklan langsung di bawah header.
Jika menilik pada desain asli magazine template 2, maka anda tentu saja tidak dapat menyimpan iklan atau apa saja langsung di bawah header. Berikut desain asli dari :

kolom-bawah-header_03

Dan kita akan membuatkan kolom baru yang langsung berada di bawah kolom header, berikut contoh ilustrasi dari penempatan iklan langsung di bawah kolom header :
kolom-dibawah-header_03

Tertarik ingin membuat kolom langsung di bawah header? berikut adalah cara lengkapnya :
  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 ]]>.
  7. Copy paste kode berikut persis di atas kode  ]]>. .adscolumn{
    width:933px;
    padding:10px 3px;
    background:#fff;
    margin:5px 10px 0px 10px;
    text-align:center;
    border:1px solid #C0C0C0;
    }
    .adscolumn .widget{
    }
  8. Lihat ke bagian bawah, lalu cari kode berikut :

  9. Copy paste kode berikut persis di atas kode
    :
  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 :
layout

Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header.  Selamat mencoba!
Sumber : http://kolom-tutorial.blogspot.com

Tags:

About

Thank you for your visit in my blog, you can access subtitle in this blog. If you need subtitle you can request in my contact or comment in one of article. Author : Alan Hendrawan

0 comments

Leave a Reply

Thank you for your comment in my blog