Cara Mengganti Judul Blog Dengan Gambar

Cara mengganti judul blog dengan gambar. Header blog standar blogger biasanya hanya berbentuk huruf tulisan, dan tulisan tersebut bisa kita ganti dengan gambar yang kita inginkan, tanpa menghilangkan H1 title blog yang bisa mengganggu Seo blog. 

Sebenarnya blogspot sudah menyediakan Tool untuk mengganti judul blog dengan gambar, yaitu dengan menambahkan langsung gambar di widget header blog pada bagian tata letak. Kekurangan dari tool tersebut, gambar akan menghilangkan H1 title dari judul blog, sehingga blog tidak mempunyai H1.

Berikut ini adalah cara mengganti judul blog dengan gambar tanpa menghilangkan H1 header blog. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dari halaman Dasbor pilih pengaturan TATA LETAK.
2. Selanjutnya Add Gadget atau Tambahkan Gadget dan pilih HTML/JavaScript.
3. Lalu Pastekan kode berikut ini ke dalamnya.
<h1>
<a href="http://fandrajuani.blogspot.com/"><img alt="Desain Blog Tutorial dan Tips Trik Blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9YlsxJJOGuA4IbnpXwY02bxqwuDiKJeFXU-fNnEdeoJdUGkKu6gfWRDtrl6K2MdCcUUzOBNwbv1sWSDAaMg7h6Nq1FDaauVXe5VpWnTEboSny9__ATLbGLWi6wOZukzWRuDjXFUt4X6BH/s1600/Fandra+Juani.jpg" title="fandrajuani.blogspot.com" /></a>
</h1>
4. Keterangan Kode diatas.
http://fandrajuani.blogspot.com/ Ganti dengan URL Awal Blog Kamu
Desain Blog Tutorial dan Tips Trik Blogspot Ganti dengan img Alt yang kamu inginkan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9YlsxJJOGuA4IbnpXwY02bxqwuDiKJeFXU-fNnEdeoJdUGkKu6gfWRDtrl6K2MdCcUUzOBNwbv1sWSDAaMg7h6Nq1FDaauVXe5VpWnTEboSny9__ATLbGLWi6wOZukzWRuDjXFUt4X6BH/s1600/Fandra+Juani.jpg Ganti dengan URL gambar yang akan menjadi HEADER BLOG
fandrajuani.blogspot.com Ganti Title gambar dengan yang kamu inginkan

5. Setelah itu Beri Judul Gadget HTML dan Save Gadget dan tempatkan dibawah Header Blog.
6. Tampilan template di Tata Letak menjadi seperti ini.

7. Sekarang blog mempunyai 2 Header yaitu Widget header dan gambar Header.
8. Hapus widget Header, contoh: Fandra Juani (Header). Sehingga blog hanya mempunyai 1 Header. Selesai.

Jika Widget Header tidak bisa dihapus, ikuti langkah dibawah ini.

1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
2. Selanjutnya Klik edit HTML dan cari kode ini.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'>
3. Setelah itu ganti kata true dengan false 
4. Terakhir save template, lalu kembali ke pengaturan tata letak, widget header sudah bisa dihapus. Selesai.

Untuk mengembalikan Widget Header Blog yang sudah dihapus, kembali ke Tata Letak dan tambahkan Gadget pilih dasar-dasar, dan pilih Header Halaman.

Menghapus Widget Header seperti contoh diatas Fandra Juani (Header) blog tidak akan mengganggu Seo Blog, karena judul blog header sudah diganti dengan gambar. Gambar tersebut fungsinya sama seperti judul blog standar blogger yang berupa huruf, apabila di klik maka akan kembali ke URL halaman awal blog.

Setelah melakukan cara diatas, silakan cek di situs - situs yang menyediakan cek SEO blog, seperti situs www.chkme.com, www.seositecheckup.com,  www.seoptimer.com dan lain-lain. Untuk melihat masih ada atau tidak Header H1 Title judul blog.

Untuk cara Upload Gambar dan Ambil URL gambar, bisa dibaca di artikel tentang cara cara upload dan ambil url gambar. Silakan dibaca juga Artikel-artikel lainnya yang masih berkaitan dengan memasukan gambar di blog seperti cara membuat menu blog dengan gambar icon disamping kiri judul menu blog.

Jika tidak ingin menggunakan cara diatas, kamu bisa baca artikel cara merubah tampilan header blog. Di artikel itu header blog tidak dihapus, hanya diberi background dibelakangnya, yang dapat anda jadikan pilihan dalam merubah tampilan header dari blog anda. Itulah sedikit cara desain blog sendiri di blogspot menggunakan template asli blogger yaitu dengan mengganti tulisan judul blog dengan gambar. Semoga Bermanfaat.

Tweet