8

Cara Membagi Header Blogger Menjadi Dua Kolom


Saat mengobrak template blog, saya sempat terpikir untuk membagi header blog menjadi dua bagian atau dua kolom. Untuk jelasnya sobat lihat gambar dibawah ini. Pengeditan ini saya lakukan pada template baru blogger.


Ini adalah gambar header sebelum saya edit.




Ini adalah gambar header sesudah saya edit.

Kalau sobat juga menggunakan template baru blogger dan ingin header blognya seperti gambar di atas,, caranya seperti langkah dibawah ini..

1. Setelah masuk blogger => Rancangan => Edit HTML.

2. Sebaiknya download dulu template sobat untuk berjaga-jaga, jika terjadi kesalahan dalam pengeditan kita bisa upload templatenya.

3. Centang kotak Expand Template Widget.

4. Cari Kode

.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}different border for each side of your scroll box.
Kalo dah ketemu hapus kode diatas dan ganti dengan kode dibawah ini.

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 50px; /* untuk mengatur tinggi header (height) */}
#header {
width: 60%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 39%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}
Untuk kode berwarna merah bisa diganti untuk menyesuaikanlebar dan tingginya.

5. Cari kode

<div class='region-inner header-inner'>
Tambahkan kode berikut setelah kode diatas.
<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>different border for each side of your scroll box.
6. Simpan template dan lihat elemen laman sobat, kalau berhasil akan terlihat seperti dalam gambar tadi.

seeppp sanggat mudah

andry

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

8 komentar:

  1. obat darah tinggiSabtu, Februari 07, 2015

    mantap dah artikelnya kawan
    http://acemaxs31.com/obat-darah-tinggi-tradisional/
    http://i-bikeco.com
    http://mas-galih.com

    BalasHapus
  2. Pengobatan Alami AmbeienRabu, Februari 18, 2015

    Mantaap sob artikelnya :)
    Ijin share http://grosiracemaxstasik.com/pengobatan-alami-ambeien/
    http:grosiracemaxstasik.com/
    http://grosiracemaxstasik.com/ace-maxs/

    BalasHapus
  3. pengobatan kanker ususKamis, Februari 19, 2015

    terimakasih infonya bos

    BalasHapus
  4. obat matitisJumat, Februari 20, 2015

    terimakasih infonya gan, sangat membantu

    BalasHapus
  5. Obat Herbal AsmaMinggu, Februari 22, 2015

    terimakasih atas informasinya sangat bermanfaat :)

    BalasHapus
  6. pengobatan benjolan di rahimSelasa, Februari 24, 2015

    keren artikelnya bro

    BalasHapus
  7. Obat Herbal Jantung BerdebarSelasa, Maret 31, 2015

    Makasih sob untuk informasinya, sangat membantu :)

    BalasHapus
  8. Obat Herbal Usus BuntuMinggu, Mei 03, 2015

    Thanks sob untuk informasi artikelnya :)

    BalasHapus

Budayakan memberi masukan saran & kritik
demi memajukan blog kami
maree tinggalkan jejak
jangan sungkan-sungkan berkunjung lagi ...