Tutorial Lengkap Cara Memasang Logo Di Header Blog


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
------------------------------------------------------------------------------------------------------------------->>
Perhatian!!!
Bagi Kalian Yang Pengen Punya Blog Keren Tapi Ga Pengen Repot Bikin!!!
Kami Menyediakan Jasa Pembuatan Blog Dengan Harga Yang Sangat Murah!!!!
Hanya 50.000 Saja !!!!

0 Response to "Tutorial Lengkap Cara Memasang Logo Di Header Blog"

Post a Comment