12.8.12

Membuat blog di Blogspot (bagian 3): Cara mengganti header blog


Okey, sekarang giliran langkah-langkah mempercantik blog kamu. Pertama sekali adalah tampilan header dengan judul blog kamu di blogspot.

Cara 1
Masuk ke dasbor blogspot kamu.
 Klik di judul blog kamu


Lihat di bagian paling kiri, dan klik di “template”. Maka akan muncul tampilan seperti di bawah ini

 

Klik di “ubahsuaikan”. Maka akan muncul editor Perancang Template Blogger seperti ini:

Sebenarnya di bagian Perancang Template Blogger ini, kamu bisa utak-atik tampilan blog kamu secara keseluruhan, silakan dicoba-coba sendiri. Asik kok!.
Nah, supaya tetap fokus dengan judul postingan kali ini, maka saya akan menunjukkan bagaimana merubah tulisan di bagian header. Di bagian kiri, klik “tingkat lanjut” lalu klik di bagian sebelahnya judul blog”. Nah, di sini kamu bisa ubah huruf apa yang ingin kamu pakai, berapa besarnya, dan apa warnanya. Hasilnya bisa langsung terlihat di bagian bawah editornya, tapi itu belum tersimpan. Jika sudah selesai utak-atik, klik di bagian kanan atas “terapkan ke blog”.

Klik kanan di bagian “lihat blog” lalu “open in new tab”. Lihat tampilan jadinya di blog kamu. Kalau kamu kurang puas dan ingin menrubahnya lagi, kembali ke tab sebelumnya di Perancang Template Blogger.


Okey, itu cara pertama, merubah tampilan judul di header blog kamu. Yang berubah cuma bentuk huruf dan warnanya saja. Simpel. Tapi, kamu mau yang ada gambarnya? Ada cara kedua.

Cara ke-2
Kembali ke dasbor blogger, klik judul blog kamu

klik di bagian “tata letak

Klik “edit” di kolom bagian (Header). Maka akan muncul tampilannya seperti ini

Kamu bisa ketik deskripsi blog kamu di kolom “Deskripsi Blog”.  Boleh dikosongkan. Terserah aja. Nah, sebelumnya kamu sudah harus punya file gambar di komputer kamu yang siap diunggah menjadi latar belakang header kamu. (Perhatikan tulisan kecil yang bunyinya “Gambar akan disusutkan selebar 940 piksel. Berarti panjang gambar header kamu adalah 940 px. Ukuran ini bisa berubah kalau kamu menyetel lebar kolom header di settingan Perancang Template Blogger. Tapi, sebagai pedoman, kita gunakan panjangnya yang 940 px
Hmmm, perlu sedikit pekerjaan photoshop nih! Mungkin tidak semua kamu punya program photo editing seperti Adobe Photoshop, di sini saya akan berikan langkah-langkahnya dengan menggunakan photo editing gratis Pixlr.
Cara Mengedit Foto dengan Pixlr


Klik “pixlr editor


Pilih “open image from your computer” lalu “open

Biarkan dulu gambar yang kamu “open” barusan, klik “file” (di bagian kiri atas) lalu pilih “new image
Tulis judul gambar, misalnya: header blog. Lalu setel ukuran panjang lebarnya yaitu width 940 px dan height 200. (Angka 940 saya pedomani dari kolom edit header (lihat keterangan sebelumnya) Angka 200 ini saya kira-kira saja. Kamu bisa ubah lebarnya sendiri.


Lalu klik “OK


Klik di gambar yang pertama kamu “open”. Dalam contoh, saya mengklik gambar felt pin saya, sehingga urutannya menjadi di atas. Lalu di bagian tools sebelah kiri klik gambar marquee tool


Kemudian klik tahan dari sudut kiri atas gambar ke arah kanan bawah membentuk persegi empat, lalu lepas kliknya. Maka gambar felt pin saya akan dikelilingi oleh garis putus-putus. Kemudian klik kembali move tool


Klik + Alt di gambar felt pin, lalu tarik ke arah luar ke atas bidang putih file header blog yang telah kita buat. Lepaskan klik dan tombol Alt. Maka gambar akan tercopy ke file header blog.



Nah, gambarnya kan masih tidak penuh. Karena ini hanya sebagai latar belakang header saja, jadi tidak apa-apa jika gambarnya tidak utuh. Supaya gampang mengedit, diklik maximize saja di bagian sudut kanan atas file blog header. Kemudian klik edit > free transform, untuk memperbesar gambar



Maka akan muncul titik dan garis pembantu, klik tahan di titik tersebut lalu sambil tekan tombol shift tarik sampai gambar memenuhi bagian yang putih. Lepas klik dan shift. Geser geser gambar dengan cara mengklik tahan di bagian tengah gambar lalu mouse diarahkan sampai kira-kira udah ok. Lalu baru tekan enter.


Muncul pesan berikut


Klik yes

Akhirnya sudah jadi gambar latar belakang untuk header saya.
Lalu save gambar tersebut ke komputer kamu. Klik File > save.

Klik “ok

Muncul tampilan explorer komputer kamu, pilih tempat dimana kamu akan simpan file header blog yang telah kamu buat di pixlr di file komputer kamu, supaya gampang mencarinya kalau nantinya kamu upload ke blogger, lalu klik save.

Oke, saya asumsikan sekarang kamu punya gambar yang akan dijadikan latar belakang header kamu. Klik “browse” lalu pilih gambar yang akan kamu unggah, klik “open

Klik “simpan
Kembali ke blog kamu, lihat bagaimana jadinya

Hm, semoga penjelasannya mudah dimengerti ya...

22 comments:

  1. kalo blognya template bukan dari Blogger gimana?

    ReplyDelete
  2. klo cara hapus atau mengganti gambarnya gimana?

    ReplyDelete
    Replies
    1. masuk ke dashboard klik layout. pada kolom header, klik edit (gambar obeng dan tang di sudut kanan bawah) lalu klik remove untuk menghapus gambar yang sudah ada. upload lagi gambar yang ingin diganti untuk menjadi headernya. lalu save.

      Delete
  3. terima kasih yaa atas artikelnya.

    ReplyDelete
  4. klo bikin menu kaya home,galery,about,contct,dll gmn cara nya ya?ky blog ini misal nya

    ReplyDelete
    Replies
    1. masuk ke dashboard, klik pages, pilih new page, tulis judul page yang mau dibuat

      Delete
  5. kalo widget nya judul kita hapus/hidden gimana cara nya??? terus kita ganti dengan gambar sesuai yang kita inginkan,

    ReplyDelete
    Replies
    1. mungkin ada caranya mengganti judul widget dengan gambar, tapi maaf mbak fitri, saya belum menemukan caranya. Tapi bisa diakali dengan mengosongkan judul widgetnya saja, lalu tambah saja gadget picture di atas widget tersebut seolah2 sebagai judulnya. Lalu dekatkan jarak antara keduanya,agar tak terlalu jauh.

      Delete
  6. mbak trs kalo kita mau bikin ada mp3 dll itu gmn sih? ribet bgt..:|

    ReplyDelete
    Replies
    1. maksudnya widget mp3? masuk ke dashboard > layout > add gadget.

      Delete
  7. mksi infonya... sangat membantu bagi pemula seperti saya. jgn lupa mampir y.. hehe. salam

    ReplyDelete
  8. mbak bilang masuk ke dashboard, klik pages, pilih new page, tulis judul page yang mau dibuat klau dibloger masuk dimana mbak...dasbor adnaya di wodpres

    ReplyDelete
    Replies
    1. thanks koreksinya, iya, maksudnya draft blogger :)

      Delete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. Artikel sangat bagus, tutorial mudah saya pahami, thank ya gan, dengan demikian ilmu saya jadi bertambah.

    ReplyDelete
  11. infonya sangat menarik,,
    mantap,,,

    ReplyDelete