Senin, 30 Juli 2012

Cara Menambah Kolom di Bawah Header Blog



Cara Menambah Kolom di Bawah Header Blog

Cara Menambah Kolom di Bawah Header Blog - Cara memberi kolom tambahan di bawah headerblog | cara menyisipkan kolom di bawah header blog | cara membuat 3 kolom di bawah header. Artikel kali merupakan salah satu cara mempercantik tampilan blog dan kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan.Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header  :
  1. Masuk ke akun bloggger anda.
  2. Klik Layout/Template (New) > Klik Edit HTML.
  3. Beri tanda centang pada Expand Widget Template.
  4. Sekarang Cari kode ]]></b:skin>.
  5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.
<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"><b:section class="box-widget" id="col3" preferred="yes" style="float: left;"></b:section></div>

  1. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
  2. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.
<div id='box-kolom-widget'><div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'><b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/></div><div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'><b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/></div><div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'><b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/></div><div style='clear:both;'/></div>

  1. Langkah terakhir klik Tombol Simpan Template.
  2. Selesai dan lihat hasilnya.
Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.Semoga bermanfaat artikel cara membuat 3 kolom di bawah headerini,terima kasih.

Tidak ada komentar:

Posting Komentar