Memasang logo blog menggunakan images atau gambar pada header

Kang Bagas96 47 comments 22.8.11 <a href='http://bagas96.blogspot.com/2011/08/memasang-logo-blog-menggunakan-images.html'>Memasang logo blog menggunakan images atau gambar pada header</a>

Posting lagi yuk, berhubung kang bagas96 lagi ada waktu luang jadi sempet nih buat nulis artikel dan kali ini saya akan memberi info ringan cara mengganti header text menjadi header bergambar/ logo blog images yang sempat di rekues sobat kang bagas dan kali ini saya share cara yang sederhana saja

Dan untuk caranya biasa edit css pada bagian html template dan cari kode berikut

#header-wrapper {
margin:0 auto;
color:#090;
background-color: #070;
font-weight:normal;
line-height:30px;
}

#header-inner {
background-position: left;
margin-left: auto;
margin-right: auto;
}

#header {
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:3px 3px 0;
padding:3px 5px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-weight:normal;
display:none;
color:#ff0;}

#header a {
color:#ff0;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 3px 3px;
padding:0 5px 3px;
text-transform:normal;
letter-spacing:.2em;
line-height: 1em;
font: $descriptionfont;
color: #fff;
}

Cari kode yang berwarna merah yaitu
#header h1 dan #header .description
jika sudah ketemu tambahkan kode ini display: none
contoh

#header {
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:3px 3px 0;
padding:3px 5px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-weight:normal;
color:#ff0;
display:none;}

#header a {
color:#ff0;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 3px 3px;
padding:0 5px 3px;
text-transform:normal;
letter-spacing:.2em;
line-height: 1em;
font: $descriptionfont;
color: #fff;
display:none; }


jika sudah tinggal save dan upload ulang sementara nanti hasilnya pada header tidak nampak judul dan descripsi blog dan langkah terakhir yaitu menambahkan logo gambar pada header

1. Login blog
2. Masuk rancangan/tataletak
3. Pada bagian rancangan lihat ada gadget header misal 'kang bagas96 (header)' dan pada sisi kanannya ada link EDIT
klik link tersebut dan akan ada menu unggah/upload gambar bisa langsung upload dari drive mmc sobat atau lewat url

tinggal sobat pilih saja jika tidak memiliki url gambar sebelumnya saya sarankan untuk memilih yang upload saja

jika sudah di upload akan muncul gambar yang sobat pilih dan terakhir simpan maka proses pembuatan logo blog header menggunakan gambar sudah berhasil dan tinggal sobat lihat hasilnya

kategori: Bedah Template

Lihat post lainnya