Selasa, Juli 16, 2013
9
Cara Membuat Tiga Kolom Baru Dibawah Header | Tutorial ini tidak perlu saya uraikan dengan detail lagi karena cara pembuatannya memang agak sama dengan Tutorial yang sebelumnya yaitu Cara Membuat Satu Kolom Baru Diatas Postingan Dan kita langsung saja  pada penerapan dari artikel ini , yaitu Cara membuat Tiga Kolom Baru Dibawah Header . Tolong cermati langkah - langkah yang akan saya berikan ini .

Contoh Cara membuat Tiga Kolom Baru Dibawah Header


Berikut ini adalah langkah - langkah Cara membuat Tiga Kolom Baru Dibawah Header :

Masuk di akun Blogger anda
Klik Menu Template >> Edit HTML >>  Tekan CTRL+F pada Keyboard anda
Cari kode ]]></b:skin>
Letakkan kode dibawah ini tepat berada diatasnya kode ]]></b:skin>
#triunderheader {clear : both;} .triwidget {}
Cari kode <div id='main-wrapper'> . Gunakan CTRL+F pada Keyboard anda untuk mempermudah pencarian .
Dan letakkan kode dibawah ini tepat diatas kode <div id='main-wrapper'>
<div id='triunderheader'>
<div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='kolom1' preferred='yes' style='float:left;'>
</div>
<div id='kolom2' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='kolom2' preferred='yes' style='float:center;'>
</div>
<div id='kolom3' style='width: 35%; float: left; margin:0; text-align: left;'>
<b:section class='header' id='kolom3' preferred='yes' style='float:right;'>
</div>
</div>
Klik Pratinjau terlebih dahulu untuk melihat hasilnya , jika tidak ada permasalahan / eror pada Template anda , Silahkan untuk menyimpan Template sobat dan lihat hasilnya di Tata Letak

Note : Setiap template memiliki struktur template , CSS atau id html yang berbeda - beda , jadi sesuaikan penutup pada main-wrapper ,setelah itu lakukanlah langkah - langkah diatas .

Demikian tutorial kali ini yang mengenai Cara Membuat Tiga Kolom Baru Dibawah Header . Semoga artikel kali ini bermanfaat bagi anda . Jika ada permasalahan dalam memassang kode - kode ini , silahkan untuk bertanya lewat komentar dibawah ....

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ic Creem

9 komentar:

  1. Nice trik gan, thanks sudah berbagi :)

    BalasHapus
  2. wih ini ane cari gan. thanks gan

    BalasHapus
    Balasan
    1. Oke sama - sama ... thanks sudah berkunjung ^_^

      Hapus
  3. wahh,... ahirnya ketemu juga nih.....

    BalasHapus
  4. follow sukses.... di tunggu follback.nya

    BalasHapus
  5. Mantapp deh tutorialnya.. kapan kapan ane coba.. ^_^
    By;DigEdigDotCom

    BalasHapus
  6. Balasan
    1. Okee sobat silahkan ... Jangan sungkan - sungkan

      Hapus

Kalau mau berkomentar ada baiknya baca peraturannya dulu sebelum berkomentar !

- No spam, No flood, No junk, No iklan, No sara,No Por*o,
- Apabila anda copas artikel di blog ini saya mohon dengan sangat agar mencantumkan link sumber http://novaibnu.blogspot.co.id

Catatan: (memasukan item pada komentar)
Untuk menyisipkan video, gunakan tag < i rel="youtube">URL YOUTUBE ANDA...< /i>
Untuk menyisipkan gambar, gunakan tag < i rel="image">URL GAMBAR ANDA...< /i>
Untuk menyisipkan kode, gunakan tag < i rel="code">KODE ANDA...< /i>
Untuk menyisipkan kode panjang, gunakan tag < i rel="pre">KODE ANDA...< /i>