Membagi header menjadi dua kolom

Home » Tips blog » Tips Blogger » Membagi header menjadi dua kolom

Membagi header menjadi dua kolom

Posted by Unknown 0 comments

Beberapa waktu yang lalu Blog kami mencoba ganti template memakai template blogger yang baru. Karena ada sedikit perbedaan kode html dan itu masih asing alias belum akrab sehingga seluruh gadget yang telah terpasang rapih menjadi berantakan kembali. Nah bagi yang mengalami kesulitan yang sama seperti kami, bisa saja mempraktekkan hal berikut ini

Login ke blogger
Pilih template lalu klik HTML
Cari kode .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
Kemudian ganti dengan .header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}
Selanjutnya cari kode <div class='region-inner header-inner'>
Lalu letakkan kode berikut ini di bawah kode tersebut <b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
Save dan lihat hasilnya

0 comments:

Posting Komentar

Kami menawarkan software atau game yang telah di posting pada situs ini untuk anda miliki dengan cara klik link Order DVD diatas atau SMS ke 085 730 281 770 dengan format :

ORDER DVD (spasi) Nama Aplikasi/Paket (spasi) Nama dan alamat lengkap anda lalu kirim sms ke 085 730 281 770

Blog Kertosono