Cara Membagi 5 Kolom Header Terbaru

Cara Membagi 5 Kolom Header Terbaru | Kolom header bisa dibagi lima dan bisa digunakan untuk menambah gadget lain seperti animasi atau gambar. Pada posting artikel terbaru kali ini Kolombloggratis.Org akan searching artikel tentang cara membagi header menjadi lima kolom, desain dari sebuah template memang sangat kompleks dan banyak menggunakan teknik, artikel ini dibuat bertujuan agar bisa membagi lima kolom header dan bisa dimanfaatkan banyak hal seperti di isi menu situs, potho profil, untuk pasang iklan, tv online, kalender, animasi dan lain - lain yang dirasa cocok dan pas dengan tema situs ataupun sekedar memberikan fasilitas bagi pengunjung situs, cara ini sudah banyak diterapkan oleh banyak web master untuk mengkreasikan desain templatenya agar lebih menarik dan cara ini merupakan tahap pembelajaran bagi sobat blogger pemula, bagi sobat yang ingin menerapkan tutorial ini direkomendasikan agar membackup dulu template aslinya agar bila nanti terjadi kesalahan atau kurang puas bisa dikembalikan lagi seperti template awal, berikut cara termudah membagi header menjadi lima kolom,...

Cara Membagi 5 Kolom Header Terbaru

1. Login akun blogger
2. Pilih template
3. Klik edit HTML
4. Cari kode berikut ]]></b:skin>
5. Copy kode berikut diatasnya
   
   #newheader {clear:both;} .triwidget {}
   
   
6. Cari kode yang mirip seperti dibawah ini
   <div id='main-wrapper'>
   
   
7. Jika sudah ketemu dengan kode mirip seperti <div id='main-wrapper'>
   copi paste kode dibawah ini tepat diatasnya dan jangan pernah merubah kodenya
   
   <div id='newheader'>
   <div id='header1' style='width: 20%; float: left; margin:0; text-align: left;'>
   <b:section class='header' id='header1' preferred='yes' style='float:left;'/>
   </div>
   
   <div id='header2' style='width: 20%; float: left; margin:0; text-align: left;'>
   <b:section class='header' id='header2' preferred='yes' style='float:left;'/>
   </div>
   
   <div id='header3' style='width: 20%; float: left; margin:0; text-align: left;'>
   <b:section class='header' id='header3' preferred='yes' style='float:left;'/>
   </div>
   
   <div id='header4' style='width: 20%; float: left; margin:0; text-align: left;'>
   <b:section class='header' id='header4' preferred='yes' style='float:left;'/>
   </div>
   
   <div id='header5' style='width: 20%; float: left; margin:0; text-align: left;'>
   <b:section class='header' id='header5' preferred='yes' style='float:left;'/>
   </div>
   
   </div>
   
   
8. Klik simpan / save template

Semoga posting artikel terbaru kali ini tentang cara membagi 5 kolom header agar blog atau website semakin menarik dan lebih indah bisa bermanfaat buat sobat setia Kolombloggratis.Org di seluruh dunia,...