Kamis, 02 Juli 2009

Cara Mengubah Gambar Pada Header Blogger

Wauw, gambar pada header blog ternyata dapat digantin sesuai dengan kebutuhan, betulkah. Yang saya tulis di sini adalah sesuai dengan pengalaman saya sendiri. Untuk mengubah gambar pada blog dapat dilakukan dengan mengedit pada bagian Tata Letak-Edit HTML. Carilah propertis header seperti di bawah ini atau jikatidak ada anda bisa menambahkannya.

#header {
width: 920px;
height: 120px;
margin: 0 auto;
padding: 20px 20px 0 20px;
background: #CAE646 url('URL GAMBAR SEBELUM DIGANTI') no-repeat;
}

UkuranLebar dan tinggi di atas hanyalah sebagai contoh, anda harus menyesuaikan dengan ukuran dari header template yang anda miliki sebelumnya (sebelum diganti). Jika anda mengalami kesusahan untuk menentukan ukurannya, sebelumnya anda harus mendownload gambar header (sebelum diganti) tersebut dengan cara mengcopy URL GAMBAR SEBELUM DIGANTI , nah dari situ anda dapat mengetahui ukurannya.
Tahapan selanjutnya adalah memilih gambar yang anda inginkan. Anda bisa mendownloadnya dari google atau membuat sendiri, misalnya dengan menggunakan photoshop. Anda bisa belajar dari sini: http://saterlat.blogspot.com/2009/01/cara-membuat-gambar-header-dengan.html
Jika anda membuat sendiri, maka itu lebih baik karena anda tidak menambah daftar orang-orang yang suka menjiplak karya orang lain, he..he...he.... Gambar yang anda sudah buat segera anda upload ke web yang melayani image hosting, seperti http://www.indowebster.com, http://photobucket.com/, dll. Setelah itu copylah URL dari gambar yang telah anda upload dari web tersebut dan gantikan
URL GAMBAR SEBELUM DIGANTI dengan URL GAMBAR YANG BARU. Jadinya seperti dibawah ini:

#header {
width: 920px;
height: 120px;
margin: 0 auto;
padding: 20px 20px 0 20px;
background: #CAE646 url('URL GAMBAR SEBELUM DIGANTI') no-repeat;
}

Setelah itu pilih SIMPAN TEMPLATE di bagian bawah kanan kotak Edit HTML.
Jika ada kata yang salah mohon dimaafkan, kritik yang membangun dari pembaca sangat kami harapkan. Selamat membaca.

1 komentar:

Your Comment here, please:

Page