Jumat, 04 Juli 2014

Cara Mengganti Header Blog Dengan Gambar

Tips Cara Mengganti Header Blog Dengan Gambar adalah tutorial yang akan saya bahas pada kesempatan kali ini dan bagi anda yang ingin Mengganti Header Blog Dengan Gambar disini akan saya jelaskan dengan 2 cara yang berbeda, oke sebelumnya juga sudah saya bahas tentang Tips Cara Membuat Anak serta tutorial Prediksi Google Pagerank 2014 , oke untuk mengganti gambar header blog silahkan simak berikut ini:

Mengganti Header Blog Pada Menu Tata Letak Dengan Gambar


Untuk Mengubah gambar header blog bisa dilakukan pada menu TATA LETAK caranya seperti pada gambar dibawah ini, klik TATA LETAK lalu klik EDIT HEADER maka akan muncul opsi gambar seperti yang ditunjuk angka 3 lalu pilih gambar dikomputer yang telah anda miliki untuk header blog anda, lalu pilih SELAIN JUDUL DAN KETERANGAN , jika sudah beres silahkan klik SIMPAN dan lihat hasilnya.

Inilah Dia Cara Mengganti Merubah Header Blog Dengan Gambar

Cara Mengganti Background Header Blog Dengan Banner


Kelemahan mengganti gambar header pada menu tata letak adalah tidak seo friendly karena pada sebagian besar kasus tanpa anda sadari sebenarnya telah menghilangkan text tertanam heading 1 dan deskripsi blog anda, sehingga bisa mengakibatkan perubahan pada crawl dan indeksasi pada blog saudara, untuk mengganti gambar header blog yang saya rekomendasikan adalah dengan cara dibawah ini:

Mengganti Header Blog Pada Edit HTML Dengan Gambar


Cara Pertama:
Masuk pada menu TEMPLATE klik Cadangkan dan UNDUH TEMPLATE untuk menjaga error lalu klik EDIT TEMPLATE kemudian cari kode #header-wrapper ctrl+f saja agar cepat lalu search kode #header-wrapper dan kira-kira kodenya harusnya seperti ini:

#header-wrapper {
width:879px;
height:145px;
margin:0px;
padding:0px;
text-align:center;
background:#000 url("LINK GAMBAR ANDA") no-repeat right ;
}

silahkan ganti tulisan biru diatas dengan link gambar yang akan dijadikan gambar header, dan pastikan gambar yang akan dijadikan gambar header memiliki ukuran yang hampir sama dengan lebar dan tinggi backgroud header anda misal diatas tertulis width:879px; height:145px; ya itulah lebar dan tingginya dan untuk mengubah posisinya silahkan ganti text-align:center; (posisi tengah) text-align:left; (posisi kiri) text-align:right; (posisi kanan) jika ingin ada garis pinggirnya silahkan ubah padding dan marginnya dari 0px ke misal ke 1px , 2 px dst silahkan sesuaikan dengan selera anda saja. jika sudah beres silahkan SIMPAN TEMPLATE dan lihat hasilnya.

note*jika tidak ditemukan kode ini #header-wrapper { silahkan cari kode ini saja .header-outer { dan cara pemasangnnya juga hampir sama saja seperti diatas.

Cara Kedua:
Cara yang kedua adalah bila mana cara yang pertama mengalami kegagalan maka anda bisa menggunakan cara yang kedua untuk caranya silahkan masuk ke EDIT TEMPLATE cari kode mirip dibawah ini <div class='region-inner header-inner'> atau mirip ini <div id="header-wrapper">

Kode yang akan dicari adalah:

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="false" title="jasa seo blog. (Header)" type="Header">
</b:widget>
</b:section></div>

silahkan ganti maxwidgets="1" showaddelement="no"> dengan maxwidgets="2" showaddelement="yes">

Jika semuanya dirasa sudah beres silahkan pratinjau dulu untuk melihat hasilnya sebelum disimpan permanen. Nah hanya itu saja tips kali ini tentang Cara Mengganti Header Blog Dengan Gambar semoga bermanfaat.