untuk sobat blogger yang belum tahu tentang
header bisa di lihat pada gambar di bawah ini
1.Masuk ke aku blogger ( Log In )
2.Pilih Tamplate
3.Lanjutkan
4.Edit HTML
5.Kasih Centang pada kolom Expand Widgate Tampalte
6.Tekan CTRL+F atau tekan F3 ( untuk mempermudah pencarian Kode HTML
7.Cari kode seperti di bawah ini .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
8.Setelah ketemu Kode di atas ( no7 ) maka hapuslah kode itu, dan gantilah dengan Kode di bawah ini
.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;}
9.Kemudian Cari Kode seperti di bawah ini
<div class='region-inner header-inner'>
10.Pasang atau letakkan Kode di bawah ini tepat di bawah kode ( no9 )
<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>gaptek tutorial
dan setelah Kode di atas di pasang Maka kode tersubut nampak seperti kode di bawah ini <div class='region-inner header-inner'><b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section> 11.Simpan Tamplate ( Save ) dan lihat hasilnya Catatan: sebelum menyimpan Tampalate lebih baik Tinjau dulu template yang di edit, dan kalau sudah benar barulah di Simpan.
Semoga tutorial ini bermanfaat.
Tidak ada komentar:
Posting Komentar