CARA MENAMBAH 3 KOLOM LANGSUNG DIBAWAH HEADER BLOG KHUSUS BLOGSPOT.COM


Kali Ini coba iseng-iseng mau tambah 3 colom dibawah header di blog saya : http://caridata.blogspot.com/ 

Jadi kali ini otak-atik bagaimana cara menambahkan 3 kolm langsung di blog. saya punya rencana untuk menambah space 3 kolom. hal ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga saya akan gunakan sebagai daftar artikel, daftar link dan sebagainya.

langsung kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header – Cara Memasang Kolom Di Bawah Header, jadi begini caranya :

  1. Masuk ke akun bloggger Anda
  2. Klik Template >> Edit HTML >>
  3. Sekarang Cari kode ]]></b:skin>
  4. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>

 

Kodenya ini :

<div id=”box3″ style=”float: left; margin: 0; text-align: left; width: 35%;”> <b:section id=”col3″ preferred=”yes” style=”float: left;”> </b:section></div>

 

 

Mari kita lanjutkan :

5.   Selanjutnya Cari kode <div id=’main-wrapper’> atau <div id=”main-outer”>

6.  Copas kode dibawah ini dan letakan diatas salah satu kode <div id=’main-wrapper’> atau <div id=”main-outer”>

 

Kodenya ini :

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

 

7. Langkah terakhir klik Tombol Simpan Template. Selesai dan lihat hasilnya.

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.
Contoh Hasilnya Anda bila lihat di : http://caridata.blogspot.com/
^_^ Semoga Bermanfaat

 

Ditulis dalam Blogger. Leave a Comment »

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: