Tuesday, July 10, 2012

Cara Membagi Header Menjadi 2 kolom

Cara Membuat Header 2 kolom
Cara Membagi Header Menjadi 2 kolom adalah artikel Tutorial Blog Membagi kolom Header  yang akan saya bahas selanjutnya sebelumnya juga saya telah membuat beberapa artikel yang sejenis membagi header menjadi 2 kolom adalah termasuk tehnik dalam blog yang sangat berfungsi atau sangat berpengaruh terhadap blog yang sedang anda urus sejatinya header hanya memiliki 1 kolom yang panjang dan tidak terbagi namun pada artikel kali ini akan membahas beserta fungsinya bagi header dan apa saja dan mengapa pula di sarankan menggunakan atau memiliki 2 kolom header mari dari pada tambah lama mari kita bahas saja artikel berikut ini.

Pada tehnik blog tepatnya tehnik elemen blog ini sangat perlu diketahui biasanya pembuatan header jenis ini di fungsikan untuk membuat suatu gambar atau suatu banner tepatnya di bagian header dan itu sangat menguntungkan karena harga banner iklan yang di pasang pada bagian Header biasanya memiliki nilai lebih tinggi dan tentunya lebih mahal dari pada yang di sidebar mungkin untuk sebagian besar begitu ada juga yang berpendapat lain jadi intinya pemasangan tehnik ini harus ditentukan untuk apa fungsinya nanti dan bagimana nantinya begitu ok tanpa buang waktu lagi mari kitalihat Cara Membagi Header Menjadi 2 kolom atau bisa juga disebut Membagi kolom Header.

Tutorial


  • Pertamanya anda login ke account bloger anda
  • Kemudian perancangan > Edit HTML untuk blogger lama
  • Kemudian pilih Template > Edit Html untuk bloger baru
  • Untuk tahap selanjutnya anda cari kode ini #header-wrapper {
Untuk selengkapnya di bawah ini


#header-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left bottom;
height:119px;
width:900px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}


  • Kemudian ganti kode di atas bila sudah menemukan dang anti dengan kode di bawah ini



#header-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left bottom;
height:119px;
width:900px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#000000;
text-align:left;
}


  • Dan Save
Selanjutnya Tahap Pemanggilan CSS 2 klom header

  • Langkah pertama cari kode <div id='header-wrapper'>

Untuk selangkapnya


 <div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Thomi Jasir Demo (Header)' type='Header'/>
</b:section>
</div>


Biasanya kode berbentuk seperti itu

  • Kemudian ganti kode di atas dengan kode di bawah ini
    <div id='header-wrapper'>
    <div id='header-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Blognya Reggy Demo (Header)' type='Header'/>
    </b:section>
    </div>
    <div id='header-kanan'>
    <b:section class='header2' id='header2'/>
    </b:section>
    </div>
    </div>
  • Kemudian save template
Seharusnya header sudah terbagi mungkin cukup artikel saya menerangkan masalah header ini lebih dan kurangnya mohon di maafkan mungkin cukup saja saya tutup artikel yang berjudul  Membagi kolom Header  maksud saya Cara Membagi Header Menjadi 2 kolom.

*ATTENTION If you Want Download Please Turn OFF or Remove Your AdBlock
Title: Cara Membagi Header Menjadi 2 kolom
Reviewed By: Thomi Jasir
Rating Blog: 4.7 dari 5

Article Category Tutorial Blog Title Cara Membagi Header Menjadi 2 kolom You can share articles and copy the Articles This is very useful if, but do not forget to save the link source you can copy the code below. Thanks!
ads
ads

Written By : Thomi Jasir Time : 7:42 PM Category :

1 Comments:

  1. thnks gan atas artikel yg telah diberikan,,,salam persahabatan aja ya dari saya,,,

    ReplyDelete

Rules If you Want Comment Here

1. Post a Comment The polite and courteous
2. Not Spamming, Junk
3. The topic of discussion commented articles relevant title
4. Give advice if you feel the need to advise
5. Do not use Anonymous
6. Please!!! LANGUAGE USE THE STANDARD
7. Do not put any links in comments

Thanks To the visitors who have taken the time you hope the above article useful.