Friday, October 5, 2012

Cara Menambahkan Kolom dibawah Header blog

Informasi Halaman :
Author : Alip Hadi Mujiono, Staf Pengajar TIK di SMP NU 02 Dukuhturi Kabupaten Tegal.
Judul Artikel : Cara Menambahkan Kolom dibawah Header blog
URL : https://jejak-demo.blogspot.com/2012/10/cara-menambahkan-kolom-dibawah-header.html
Bila berniat mencopy-paste artikel ini, mohon sertakan link sumbernya. ...Selamat membaca.!
Cara Menambahkan Kolom dibawah Header blog-Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header. Kali ini saya akan membahas topik khusus tentang Blogging tips , diamana kali ini akan saya paparkan tentang cara pemasangan kolom widget yang berada dibawah header atau menu blog. Hal ini biasanya di pasang ketika ada seseuatu yang akan kita pasang di kolom tersebut, bisasanya berupa iklan berukuran 728 x 90 di bawah header atau iklan 568 x 60 . Untuk itu ada beberapa kode yang harus anda pasang di template blog anda.
Cara Menambahkan Kolom dibawah Header blog-Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header

Cara pemasanganya yaitu :

  • Masuk ke bloggger dengan menggunakan akun anda . 
  • Kemudian Klik Template ===> Edit HTML ===> Lanjutkan (Centang Expand Template Widget).
  • Lalu  Cari kode ]]></b:skin>
  • Setelah anda menemukan kode  ]]></b:skin>  Copy kode html dibawah ini ....kemudian paste tepat 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>


  • Setelah itu  Cari lagi kode <div id='main-wrapper'> atau <div id="main-outer">
  • Setelah ketemu salah satu kode tersebut Copy kode dibawah ini dan letakan  tepat 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>


  • Setekah itu saya sarankan anda agar pratinjau terlebih dahulu sebelum di save .
  • Setelah anda pratinjau dan templatenya lancar lancar aja , kemudian anda tinggal save template anda tersebut .
  • Kemudian masuk ke ===>Tata Letak , dan Lihat hasil karya anda , bertambahnya beberapa kolom dibawah header blog anda .
Demikianlah tentang Cara Menambahkan Kolom dibawah Header blog semoga bermanfaat 















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 www.roomantik.com

0 comments:

Post a Comment