Cara Merubah background header blog dengan gambar | Pengertian header pada blog yaitu kepala / judul dan deskripsi blog. Tentunya dengan mengganti background header blog, misalnya dengan gambar cewek anda, atau foto anda sendiri, akan kelihatan bagus dan mempunyai kesan fantastic blog anda. Dan akan menunjukkan jati diri bahwa itulah blog anda yang sebenarnya, iyakah ?
Cara Mengganti Background Header
Untuk anda yang ingin mengganti header sidebar blog, caranya sangat mudah. Buat dulu gambar anda di photoshop atau yang lainnya. Tentukan ukuran gambar anda yang akan dipasang pada header blog sesuai dengan ukuran header blog anda. Lalu hosting ke photobucket atau hosting lainnya juga boleh. Setelah anda mendapatkan url gambar yang telah di upload tadi, langkah selanjutnya simak artikel saya sampai tuntas ya.
Berikut langkah-langkah cara mengganti background header pada blog dengan image :
1. Login ke Blogger dengan ID anda
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Cari kode seperti di bawah ini (supaya cepat pakai ctrl + F)
#header-wrapper {
padding-bottom: 3px;
background: url(#) no-repeat $startSide bottom;
}
6. Ubah kode yang berwarna merah (#) dengan URL gambar anda yang sudah di upload
7. Selesai, save template
Sekian dulu pembahasan tentang merubah background header dengan gambar pada blog, Selamat mencoba
READ MORE
Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.
click to enlarge
Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:
1. Masuk ke Edit HTML.
2. Cari (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.
Contoh:
#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)
3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
contoh jadinya:
#header-wrapper{
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;)
Atau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;
contoh:
#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)
Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.
Jika ada pertanyaan, permasalahan, atau apa saja, silakan gunakan form comment.
READ MORE
Haii sob .aku punya tips lagi nich.hehehe dalam postingan saya yang ini saya mau membahas bagaimana Cara Ganti Background Header Blog Dengan Gambar.Mungkin buat kamu header blog hanya dengan menggunakan warna terlihat kurang aktraktif . kalo belum tau apa itu header .header adalah kepala template sebuah blog. itu tuch tempat judul dan deskripsi blog kamu berada. untuk mengganti background blog bisa dilakukan dengan 2 cara .cara yang pertama adalah dengan menggantinya secara langsung di dalam elemen template .namun cara ini kadang-kadang tidak berhasil kalo kita udah ganti template dengan template versi baru.cara kedua untuk mengganti header template dengan gambar adalah dengan langsung turun ke dalam HTML penyusun template blog yang kamu gunakan .
Buat kamu yang belum punya gambar untuk header blog kamu,kamu bisa lihat dan download disini. dan langsung aja yuk kita praktek bagaimana Cara Ganti Background Header Blog Dengan Gambar.
Cara pertama:
1.Login ke Blogger dengan ID kamu.
2.Klik Tata Letak Kemudian klik Header maka akan terbuka jendela seperti ini .
3.Kasih tanda titik jika kamu sudah memiliki gambar di komputer kamu yang ingin kamu jadikan sebagai background. Kalo belum silakan download disini
4.Jika kamu mendapatkan gambar dari internet atau kamu menyimpanya pada sebuah tempat penyimpanan gambar online .kamu tinggal masukin aja link URL gambarnya pada kolom teks yang bertuliskan Dari Web
5.Setelah itu jangan lupa klik Simpan.
Catatan :Jika cara pertama tidak berhasil maka kamu harus melakukan cara ke dua berikut ini.
Cara ke dua:
1.Login ke Blogger dengan ID kamu.
2.Klik Tata Letak Kemudian klik Edit HTML lalu cari kode sperti di bawah ini .untuk memudahkan pencarian klik tombol CTRL+F.
#header-wrapper {
padding-bottom: 3px;
background: url(#) no-repeat $startSide bottom;
}
3.Ganti tanda pagar(#) yang berwarna biru dengan URL gambar yang kamu temukan di internet atau gambar yang kamu taro di tempat penyimpanan gambar.klo mau tau cara menyimpan gambar secara online silakan klik disini
4.Kalo udah selesai silakan klik save template
READ MORE
