Header Ads

Cara Mengganti Header Blog dengan Logo

Cara Mengganti Header Blog dengan Logo

 Cara Mengganti Header Blog dengan Logo Silahkan anda buat buat dulu logo header blognya dengan format/ekstensi jpg atau png. selain menggunakan 2 ekstensi tersebut, kita juga bisa menggunakan logo dengan format gif agar header blog bisa bergerak. Perhatikan juga ukuran header supaya nantinya Banner anda pas dengan ukuran header blog anda, supaya kita tidak perlu repot-repot mengubah ukuran headernya.

Dengan menggunakan cara ini nantinya header blog bisa di klik, menampilkan Title blog ketika di sorot Mouse, dan juga kita akan menyisipkan Deskripsi blog kedalam logo yang akan di gunakan untuk header blog.

Sebenarnya Ada beberapa cara untuk merubah judul header blog dengan Logo, gambar, atau Banner. salah satunya yaitu menambahkan langsung gambar melalui tata letak namun cara tersebut akan mempengaruhi nilai SEO blog karena hilangnya H1. jika anda penasaran anda bisa membaca Tutorialnya di Cara Mengganti Judul Header Blog dengan Logo .


Cara Mengganti Header Blog dengan Logo

Supaya nantinya Blog tidak memiliki 2 Header, silahkan hapus dulu header bawaan blog anda, caranya pada Dashboard blog pilih Tata Letak kemudian klik edit pada bagian kolom header lalu klik tombol hapus.

Cara Mengganti Header Blog dengan Logo

Catatan : Jika Header bawaan blog tidak ada tombol Hapus silahkan ikuti langkah di bawah ini supaya Header blog bisa di hapus.

Masuk ke dashboard blog pilih Template kemudian klik edit HTML, lalu cari kode di bawah ini

 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'> 

Setelah ketemu ganti kata true dengan false Sehingga menjadi seperti di bawah ini

 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Nama Blog Kamu (Header)' type='Header'> 

Simpan Template,  kemudian kembali lagi ke Tata Letak klik edit pada bagian kolom header lalu klik tombol hapus.

Selanjutnya upload logo header anda ke photobucket atau blog anda sendiri karena kita akan menggunakan url logonya. kalau saya, saya simpan di blog saya sendiri.

Setelah selesai mengupload logo, silahkan edit Kode yang saya tandai dengan warna kuning di bawah ini dengan milik anda.


 <h1>
<a href="Alamat Blog anda"><img alt="Deskripsi Blog anda" border="0" src="Url Logo Anda" title="Tittle Blog Anda" /></a>
</h1> 
Contoh kode milik saya
 <h1>
<a href="http://zufray.blogspot.com/"><img alt="Blog Seputar Tutorial blog, Panduan seo, dan Monetize blog Template SEO Responsive." border="0" src="https://3.bp.blogspot.com/-Kg8Lv3UZEBU/WRemYEcAtDI/AAAAAAAAAqE/p_bLvmwk2u4SBBkx3J6qRIgbWC7jyGVfACLcB/s1600/Zufray-Blog-Logo.png" title="zufray.blogspot.com" /></a>
</h1> 


Selanjutnya copy kode Header anda kemudain masuk ke Tata Letak klik tambahkan gadget pada kolom header/logo kemudian pilih Html/JavaScript. silahkan pastekan kode header milik anda di situ (widget Html/JavaScript) lalu klik simpan.

Terakhir buka Blog anda untuk melihat Hasilnya.


Selesai Itulah Cara Mengganti Header Blog dengan Logo.

No comments

Powered by Blogger.