Mengubah Header Blog

Header atau judul blog yang biasanya terletak paling atas dari sebuah tampilan blog memang sangat memilih kekhasan tersediri. Dengan melihat judulnya kita sudah dapat membayangkan isi dari blog tersebut, oleh sebab itu para blogger belomba-lomba mendesain tampilan blog sedemikian rupa sehingga terlihat menawan dan mempunyai identitas yang berbeda dengan blog yang lain.

Sebenarnya artikel mengubah judul/header blog ini sudah pernah saya tulis, namun sebab ada pertanyaan dari salah seorang pengunjung blog BIK Pemula dan sudah tidak sesuai lagi sebab google pages sebagai daerah untuk menyimpan obyek/gambar judul sudah tidak aktif lagi sehingga saya posting kembali cara mengubah header/judul blog versi kedua ini dengan memanfaatkan Picasa Web Albums sebagai wadah untuk menyimpan file gambar header/judul.

Sebelum menciptakan sebuah desain heade/judul blog di adobe photoshop sebaiknya lihat dulu berapa lebar header/judul blog anda biar nantinya dapat diadaptasi lebar dan tinggi gambar yang akan di desain pada photoshop dengan cara login ke blogger, layout/tataletak, edit html kemudian carikan arahan wacana lebar header, kodenya menyerupai ini :

#outer-wrapper {
.................
................
width:744px;
...........
...........

Angka 744px di atas akan dijadikan patokan untuk menciptakan lebar dari ukuran header/judul blog pada rancangan di adobe photoshop. Selain itu sesuaikan juga dengan ukuran tinggi header blog anda.

Saya anggap anda sudah dapat merancang sendiri header/judul blog dengan adobe photoshop jikalau belum dapat coba baca dulu artikel wacana adobe photoshop di blog ini, anda dapat menemukannya dengan klik kategori adobe.

Setelah final merancang header/judul blog di adobe photoshop maka langkah selanjutnya menempatkan ke blog sebagai judul blog kita sehingga terlihat keren.

Berikut caranya.

Setelah didesain di adobe photoshop tentunya kita menyimpan dulu file gambar tersebut dengan ekstensi JPG atau GIF, kemudian file tersebut di upload ke picasa web albums.

Cara upload ke picasa web albums.

Login ke picasa web albums dengan akun google anda, bila belum mempunyai akun google buat dulu akun gres di google.

Setelah login pilih My Account/Akun Saya kemudian klik Picasa Web Albums.

Klik tab Upload kemudian klik create a new album, lakukan langkah ini jikalau anda belum pernah menciptakan satu albums pun, jikalau sudah pernah menciptakan albums lewati saja langka ini.

Ketik nama albums pada Title/Judul, Tanggal, dan deskripsi wacana album tersebut. Pada tab Share biarkan saja pilihan public.

klik Continue

klik browse kemudian cari file gambar yang sudah disimpan tadi dan klik open.

klik Start Upload

Setelah gambar berhasil diupload, klik pada gambar untuk melihat gambar dalam ukuran sebenarnya. Selanjutnya klik kanan pada gambar yang sudah tampil dalam ukuran bekerjsama kemudian pilih View Image sehingga pada address kafe terlihat alamat url gambar tersebut. Nah url gambar tersebutlah nantinya sebagai pengganti background header pada blog, jadi copy alamat url tersebut dan simpan sementara di notepad.

Langkah selanjutnya Login ke blogger dengan akun anda kemudian klik Layout/tataletak, dan klik edit html kemudian cari arahan menyerupai berikut :

/* Blog Header
--------------------------------------- */
#header-wrapper {
  background: url("http://www.blogblog.com/snapshot/bg-headerdiv_$startSide.gif") no_repeat;

ganti url yang berwarna orange dengan url gambar header/judul yang sudah anda peroleh dari picasa web albums sehingga karenanya menjadi menyerupai berikut :

 

/* Blog Header
--------------------------------------- */
#header-wrapper {
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifTX6iWCO_GqxGRg-_oJjIGxCz-CtfwDYBtrI6RAjz9-IPn62UKXyOZV-m1W9eC8EkQjCYZQ04VioTYKqE9qw2v4AWhEoGyIjNAhjCngiapvmxH_yF3Sw2EZXu27owDZXDV-dPcKeMibLe/") no-repeat;


Simpan hasil edit html anda dan coba preview blog anda.

Selesai