Info Tentang Trik Membagi Header Jadi 2 bagian Update Terbaru 2017 Gratis

Sedikit Info Seputar Trik Membagi Header Jadi 2 bagian Terbaru 2017 - Hay gaes kali ini team Apps Android Games, kali ini akan membahas artikel dengan judul Trik Membagi Header Jadi 2 bagian, kami selaku Team Apps Android Games telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Apps Android Games. semoga isi postingan tentang Artikel Tips And Trick Android, Artikel Tips And Trick Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Trik Membagi Header Jadi 2 bagian Full Update Terbaru
link: Trik Membagi Header Jadi 2 bagian

Artikel Terbaru Trik Membagi Header Jadi 2 bagian Update Terlengkap 2017

Tips kali ini yaitucara Membuat Header Menjadi Dua Bagian, Header blog sangat penting agar blog terlihat bagus maka headerpun diperlukan,jika blog tanpa header layaknya manusia tanpa kepala. he he..







Disamping untuk mempercantik blog, header biasanya berisi tentang judul blog serta deskripsi blog, dan bahkan header bisa berfungsi untuk menempatkan iklan juga.

Nah,INFONETMU kali ini akan memberikan tips tentang cara membagi header menjadi dua bagian.Ikuti langkah-langkah dibawah ini:

1. Seperti biasa dalam keadaan log in pada account sobat
2. Klik rancangan
3. Klik Edit HTML
4. Bisa Download Template Lengkap jika khawatir gagal
5. Sekarang cari kode CSS seperti yang mirip beikut:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   ---

6. Ganti kode diatas dengan kode dibawah ini:

   ---

   /* Header
   ----------------------------------------------- */
   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   background:#ffff;
   height:180px;
   }
   #header-one {
   width:50%;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   #header {
   margin: 0px;
   text-align: left;
   color:$pagetitlecolor;
   }
   #header_two{
   width:50%;
   float:left;
   padding-top:10px;
   }

   ---

   Perhatikan kode yang berwarna merah pada bagian awal, sesuaikan lebar atau angka width dengan lebar header template sobat.
7. Sekarang cari kode seperti berikut:

   ---

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

   ---

8. Setelah menemukan kode diatas, sisipkan kode warna merah berikut dengan penempatan yang menyarupai contoh dibawah ini:

   ---

   <div id='header-wrapper'>
   <div id='header-one'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Tempat Eksperimen Kecil (Header)' type='Header'/>
   </b:section>
   </div>
   <div id='header_two'>
   <b:section class='header' id='header2' preferred='yes'/>
   </div>
   </div>

   ---

9. Klik Simpan Template
10. Selesai

Untuk melihat hasil, klik elemen halaman, jika tampilan header sobat-sobat sekalian serupa screenshoot diatas, berarti kamu berhasil. Silahkan isi kolom baru dengan ragam widget atau ads.

tag cara menyimpan kode adsense di header blog | trik membuat widget header blog jadi auto| trik membuat header blog jadi dua bagian

Itulah sedikit Artikel Trik Membagi Header Jadi 2 bagian terbaru dari kami

Semoga artikel Trik Membagi Header Jadi 2 bagian yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Apps Android Games. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang Trik Membagi Header Jadi 2 bagian