Cara Mengganti Judul Blog Dengan Gambar
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.
- Login ke blogger. Dari halaman Dasbor pilih pengaturan TATA LETAK.
- Selanjutnya Add Gadget atau Tambahkan Gadget dan pilih HTML/JavaScript.
- Lalu Pastekan kode berikut ini ke dalamnya.
- Keterangan Kode diatas.
- Setelah itu Beri Judul Gadget HTML dan Save Gadget dan tempatkan dibawah Header Blog.
- Tampilan template di Tata Letak menjadi seperti ini.
- Sekarang blog mempunyai 2 Header yaitu Widget header dan gambar Header.
- Hapus widget Header, contoh: Fandra Juani (Header). Sehingga blog hanya mempunyai 1 Header. Selesai.
<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/AVvXsEjZY3R4q2sTi9zcGNrJGpfyyxJldNCLmZFNu9FtFZqBZIjK6ah0P1cN_wR-V2hVctLUfgzYe_RPWSnR-_kPwowz9UW512D4kdmDtNaji_L9bgVVWJblHxdcrMjen-t58Z02VVDin4c6BQOX/s1600/Fandra+Juani.jpg" title="fandrajuani.blogspot.com" /></a>
</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/AVvXsEjZY3R4q2sTi9zcGNrJGpfyyxJldNCLmZFNu9FtFZqBZIjK6ah0P1cN_wR-V2hVctLUfgzYe_RPWSnR-_kPwowz9UW512D4kdmDtNaji_L9bgVVWJblHxdcrMjen-t58Z02VVDin4c6BQOX/s1600/Fandra+Juani.jpg" title="fandrajuani.blogspot.com" /></a>
</h1>
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/AVvXsEjZY3R4q2sTi9zcGNrJGpfyyxJldNCLmZFNu9FtFZqBZIjK6ah0P1cN_wR-V2hVctLUfgzYe_RPWSnR-_kPwowz9UW512D4kdmDtNaji_L9bgVVWJblHxdcrMjen-t58Z02VVDin4c6BQOX/s1600/Fandra+Juani.jpg Ganti dengan URL gambar yang akan menjadi HEADER BLOG
fandrajuani.blogspot.com Ganti Title gambar dengan yang kamu inginkan
Desain Blog Tutorial dan Tips Trik Blogspot Ganti dengan img Alt yang kamu inginkan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZY3R4q2sTi9zcGNrJGpfyyxJldNCLmZFNu9FtFZqBZIjK6ah0P1cN_wR-V2hVctLUfgzYe_RPWSnR-_kPwowz9UW512D4kdmDtNaji_L9bgVVWJblHxdcrMjen-t58Z02VVDin4c6BQOX/s1600/Fandra+Juani.jpg Ganti dengan URL gambar yang akan menjadi HEADER BLOG
fandrajuani.blogspot.com Ganti Title gambar dengan yang kamu inginkan
Jika Widget Header tidak bisa dihapus, ikuti langkah dibawah ini.
- Login ke blogger, dari halaman dasbor pilih pengaturan template.
- Selanjutnya Klik edit HTML dan cari kode ini.
- Setelah itu ganti kata true dengan false
- Terakhir save template, lalu kembali ke pengaturan tata letak, widget header sudah bisa dihapus. Selesai.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'>
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.
Post a Comment