Cara Mengganti Header Blog pada Blogger

di 03.23

Menurut cerita beberapa blogger tentang alasan orang tertarik dan sering mengunjungi blog adalah pertama, isi blog sesuai dengan kebutuhan dan kedua, tampilan blog yang unik serta indah.

Dalam artikel ini yang akan dibahas adalah tentang alasan kedua yaitu tampilan blog yang unik dan indah yaitu salah satunya mengganti Header Blog, karena dengan mengganti header selain akan membuat tampilan blog menjadi menarik, juga akan terlihat seperti blogger profesional (kalau yang melihat blogger pemula seperti saya, he he heeeeeeeee).

Header tidak harus berupa gambar, tetapi bisa juga menggunakan teks sebagai header yang penting terlihat unik dan indah, namun kali ini yang akan dibahas adalah mengganti header dengan gambar.

Cara membuat header blog tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaat website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.

Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:
  1. Klik Daftar Sekarang untuk membuka halaman situsnya;
  2. Klik Register untuk mendaftar.
  3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
  4. Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
  5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
  6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
  7. Klik Return to the front page of free Web Page Headers.
  8. Lalu klik Login untuk mendowload gambar header.
  9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
  10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
  11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda.
Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:
  1. Klik Rancangan->Edit HTML.
  2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
  3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:
    #header-wrapper {
    width:975px;
    height:130px;
    margin:0px;
    padding:0px;
    text-align:left;
    background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderSerbaTersedia-New.jpg") no-repeat right ;
    }

    Keterangan:
    width:975px; adalah panjang header
    height:130px;adalah lebar header.

    Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya.
  4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
  5. Klik Edit pada bagian Header.
  6. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
  7. Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
  8. Lalu klik Save, selesai.
CATATAN:
  • Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
  • Jika cara di atas sulit diterapkan pada blog Anda, coba dengan cara ini: Cara Mengganti Header Blog Versi 2, semoga bisa membantu.

= = = = = = = => Selamat Berkreasi, Semoga Sukses!!! <= = = = = = = =

 

0 Comments:

Post a Comment



Subscribe to: Posting Komentar (Atom)

tab 1 - Click >> Edit

tab 3 - Click >> Edit

tab 2 - Click >> Edit

Tab 5 - Click >> Edit

Tab 4 - Click >> Edit

adsense 300px X 250px

adsense link 728px X 15px