Saturday, February 10, 2018

Cara Mengganti Header Blog dengan Logo atau Gambar

Memiliki Header blog yang keren juga bisa mempercantik tampilan blog anda, selain itu blog bisa terlihat Profesional atau mencerminkan konten dari blog sobat (walaupun tidak semuanya). yah intinya memiliki nilai lebih jika header blog kita terlihat keren. Jika anda merasa bosan dengan header blog yang hanya tulisan, anda bisa coba merubahnya dengan Logo seperti yang saya terapkan pada blog saya.
Ada 2 Cara Mengganti Header Blog dengan Logo yaitu hanya mengupload gambar saja pada Tata Letak dan menambahkan Logo beserta Alt + Deskripsi dan url blog terlebih dahulu sebelum mengupload logonya. untuk cara kedua anda harus menghapus header bawaan terlebih dahulu pada Editor HTML sebelum menggantinya.

Mana yang lebih baik diterapkan di blog dari kedua cara diatas ? keduanya sama saja, namun jika Saya yang memilih, maka saya akan lebih menyukai cara kedua dalam mengganti header blog. Alasannya dengan menggunakan cara kedua tidak akan mempengaruhi nilai SEO blog. karena kita tidak akan kehilangan Alt + Deskripsi pada gambar Tersebut.

Walaupun saya lebih menyukai cara kedua namun pada Artikel ini saya akan tetap membagikan 2 Cara Mengganti Header Blog dengan Logo atau Gambar.

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.

Cara Mengganti Header Blog dengan Logo 1

Cara Mengganti Header Blog dengan Logo atau Gambar


Masuk ke menu Tata Letak blog, lalu klik Edit pada bagian Header/Logo.

Cara Mengganti Header Blog dengan Gambar

Selanjutnya akan muncul kotak editor Header, lalu klik Choose File, pilih gambar dari komputer Anda, kemudian klik Open.

Mengubah Header Blog dengan Gambar

Setelah terupload jangan lupa untuk mencentang pilihan Tempatkan keterangan setelah gambar atau Instead of title and Description. Jika sudah merasa yakin dengan hasilnya, klik Simpan.

Selesai.

Cara Mengganti Header Blog dengan Logo 2

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 merubah ukuran header blog

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 klik menu Jump to widget/ Loncat ke Widget pilih Header 1 atau gunakan Ctrl + F masukan <b:widget id='Header1' kode selengkapnya seperti 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 ke photobucket atau blog anda sendiri karena kita akan menggunakan url logonya (Image url). kalau saya, saya simpan di blog saya sendiri.

Setelah selesai mengupload logo, silahkan edit kode 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://www.blogezia.com/"><img alt="Tutorial Blogger Lengkap Untuk Pemula" border="0" src="https://3.bp.blogspot.com/-TePM2Hd3zxU/Wng7yLVpQvI/AAAAAAAAAVQ/-5ne2_b3t2810I36arkOz-TUF0bn9_6FQCLcBGAs/s1600/Blogezia.png" title="www.blogezia.com" /></a>
</h1> 

cara membuat header gambar di html

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

Dengan menggunakan cara ini nantinya judul blog anda akan menampilkan title ketika di sorot dengan mouse. tidak percaya ? Silahkan coba sendiri.

Setelah mengganti header blog biasanya akan muncul ikon Obeng dan tang, ikon yang muncul tersebut membuat nilai seo blog berkurang dan membuat blog tidak valid HTML. Oleh karena itu untuk menghilangkannya silahkan anda baca Artikel ini : Cara Menghilangkan Ikon Wrench dan Quickedit Blogspot 

1 comments: