Header Blog merupakan bagian pertama yang dilihat oleh pengunjung blog Anda, jadi hal ini bisa dijadikan ukuran apakah blog Anda menarik, kurang menarik atau bahkan tidak menarik sama sekali. Namun background header blog tidaklah harus berupa gambar tapi bisa juga hanya polos dan Anda juga bisa mengubah background header blog dengan gambar sesuai selera Anda.
Langsung saja berikut tutorial Cara Mengganti Background Header Blog:
1. Login dulu ke akun blogger Anda.
2. Masuk ke menu template. Untuk menghindari kesalahan dalam meng-edit template sebaiknya Anda backup dulu template Anda. Cara nya dengan meng-klik cadangkan/pulihkan → klik unduh template lengkap.
3. Klik Edit HTML
4. Silahkan cari kode #header-wrapper
Kodenya mirip seperti ini, silahkan Anda ganti kode #header-wrapper dengan kode dibawah ini.
#header-wrapper{width:980px; height:196px; text-align:left; background:#272727 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW9mSIuDw6PwyAqLXt3N8BjxfhjnmmNRSeUkYO2jkBHIXtSUJ4Ao-y-6F5FM6ENCG4ccO_AVhWS6uQyxEm1h32zy6g3Wd9xn_MFwKRdJ9QdTO7zAjOyzGuqWA2GxDiryIInYxjhtYlA5Q/s1600/background+blog.jpg) repeat-x; padding:0px}
Akan saya jelaskan lebih lengkap mengenai kode diatas:
#header-wrapper{width:980px; height:196px; text-align:left; background:#272727 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW9mSIuDw6PwyAqLXt3N8BjxfhjnmmNRSeUkYO2jkBHIXtSUJ4Ao-y-6F5FM6ENCG4ccO_AVhWS6uQyxEm1h32zy6g3Wd9xn_MFwKRdJ9QdTO7zAjOyzGuqWA2GxDiryIInYxjhtYlA5Q/s1600/background+blog.jpg) repeat-x; padding:0px}
Akan saya jelaskan lebih lengkap mengenai kode diatas:
width:980px adalah lebar gambar blog Anda, bisa Anda ganti sesuai selera dan ukuran header blog Anda.
height:196px adalah tinggi gambar blog anda, ini bisa anda ganti juga sesuai selera.
text-align:left adalah letak teks pada header blog anda, bisa anda ganti dengan text-align:right jika ingin teks berada di kanan, dan bisa anda ganti dengan text-align:centre jika ingin teks berada di tengah.
background:#272727 adalah warna background blog Anda.
Url berwarna Merah adalah url gambar Anda, bisa Anda ganti dengan url gambar yang lain.
repeat-x bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Anda juga bisa mengganti dengan kode yang lain.
padding:0px merupakan jarak kolom background juga bisa Anda ganti sesuai selera.
Setelah kode sudah tersusun dengan benar, Anda bisa menyimpan template Anda, dan silahkan lihat hasilnya.
Sekian Cara Mengganti Background Header Blog Semoga bermanfaat!
Merubah warna aja ya gan.? Kalau diganti gambar gimana. ?
BalasHapusLihat tulisan yang warna merah gan, itu url gambar nya, bisa di ubah dengan url gambar agan. Cara nya cukup mudah, masuk kehalaman Pos -> Entri Baru -> Upload Foto yang ingin agan jadikan background -> Lalu disudut kiri atas ada tulisan Compose dan HTML agan pilih HTML -> Lihat url gambar nya seperti tulisan warna merah diatas. :)
BalasHapusnice gan (y)
BalasHapus