Belajar Wordpress

Tips Trik | Tutorial | Hack Wordpress

Mengganti Header WordPress

Posted by bel4j4r on 12 August 2008

Blog di WordPress.com tidak dapat kita utak-atik sesuai selera, kecuali kita membayar $15 setahun untuk mendapat akses Edit CSS. Namun, banner header blog kita dapat diganti sesuai dengan keinginan kita. Caranya pun sangat gampang, tidak membutuhkan utak-atik kode, cukup dengan beberapa klik saja.

Sebelum memulai, Pertama-tama siapkan dulu banner yang akan kita jadikan header blog kita. Ukurannya tergantung tema yang kita pilih. Contoh disini, aku memilih tema Contemp, ukuran headernya 750 x 140 pixel.

1. Login ke akun WordPress kita dan klik tab Desain. Klik tab Gambar Tajuk Tersuai (Diterjemahin bahasa Indonesia jadi aneh ya..)

2. Klik tombol Browse dan cari gambar yang tadi sudah kita siapkan. Ukurannya biar pas harus disesuaikan dengan yang tertera di halaman berikut.

3. Klik unggah. Hasilnya adalah seperti terlihat pada gambar berikut.

4. Karena banner header yang aku siapkan sudah mengandung judul tulisan, hasilnya bertumpuk dengan tulisan judul dan sub judul wordpress. Untuk itu, anda bisa menghilangkan tulisan Judul WordPress dengan meng-klik tombol Sembunyikan Teks. Kemudian klik tombol Simpan Perubahan. Klik tombol Kunjungi Situs untuk melihat hasilnya.

5. Blog kita sudah tampil sesuai selera kita, dengan header yang kita inginkan. Tugas selanjutnya adalah mengisi blog dengan tulisan-tulisan bagus agar dikunjungi banyak orang.

44 Responses to “Mengganti Header WordPress”

  1. rajasantai said

    thanks udah kasih tau….

    Saya pengguna baru WordPress

  2. bel4j4r said

    sama-sama mas. aku juga lagi belajar kok..

  3. donnyhai said

    kok di word press aku . . aku kan click design trus yang ada cuma themes,widgets,extras,edit css . . . aku harus pilih yg mana ? tolong bantu aku please

  4. tapi kayaknya gak semua theme bisa ya?

  5. bel4j4r said

    Bener, mas. Ga semua theme bisa. Ada tema yang bisa diedit headernya, ada yang bisa warna-warninya ada pula yang tidak bisa diubah-ubah. Tinggal pilih sesuai kebutuhan..

  6. Waaah,,,hebat pisan euii. Aku blogger pemula dan artikel-artikelmu enak dibaca, simple, dan jelas, serta banyak manfaatnya untuk saya. Thanks ya, jangan lupa kunjungan ke blog aku ya di http://gunraytasti.wordpress.com. Sekalian mohon koreksinya pada blog aku itu ya.

  7. arifiadi99 said

    thank ats infonya bro

  8. [...] di wordpress di http://antobilang.wordpress.com/2007/02/10/gimana-sich-masang-banner-di-blog/ atau http://bel4j4r.wordpress.com/2008/08/12/mengganti-header-wordpress/. Yang ini kalau cara memasang banner di blogger: [...]

  9. deka said

    belajar belajar…
    hehehe…

  10. oki said

    ok tuh

  11. madhysta said

    kalau bisa… minta diajarin bikin background doong…
    yang statis, jadi kalau halamannya di scroll, backgroun tetep diem,,… makasih…. salam kenal…

  12. Harrie said

    gmn sih kalo bannernya pengen bisa di klik???

  13. agus said

    terimakasih atas infonya

  14. halfscience999 said

    aku juga blogger pemula bangeettt. oh iya mau tanya satu aja tema yang bisa diedit headernya kayak apa yakk??

  15. be3d0onk said

    kk’ ko’ ga’ da pilihan gambar tajuk tersesuai so, sekarang blom bisa

  16. bel4j4r said

    @madhysta : waduh, kebetulan pelajaranku belum sampai situ, mas… thanks masukannya, aku akan pelajari.

    @harrie : banner bisa diklik itu artinya dia diberi link. untuk wordpress.com, jika templatenya memang tidak diberi link, kita tidak bisa menambahi. namun jika wordpress yang hosting sendiri, kita bisa menambahi kode pada kode gambar ().

    @halfscience999: untuk mengetahui apakah tema yang kita pilih bisa diedit headernya atau tidak, satu-satunya cara ya dengan masuk ke akun wordpress kita, klik tab desain. Nah disitu yang ada berarti bisa diedit, jika ada pilihan “Gambar Tajuk Tersuai” berarti headernya bisa dipasangi gambar/banner sendiri.

    @be3d0onk : coba ganti template yang lain mas. template yang dipakai saat ini berarti tidak bisa diganti headernya.

  17. tanya donk…kalo selain model halaman yang dicontohkan gimana yah???
    apakah cara ini hanya untuk model blog yang ada di screen shotnyakan?
    karena cara-cara ini tidak bisa dilakukan di model blog selain ini. di tiap-tiap model blog tuh beda menu di desainnya?? betul gak?
    mampir yah ke blog-Q n kasih saran (smile)

  18. ahmadchudori09 said

    thnkumas…. mmbantu neh

  19. bel4j4r said

    @arianandhika: Memang, mas. kebeulan template yang aku pakai bisa diganti headernya. banyak template yang tidak bisa diganti.

    @ahmadchudori: trims dah singgah disini, mas

  20. 4ndiksan said

    terima kasih banyak…

  21. william said

    mas, aku pengen belajar wordpress, tapi kok susah ya..???
    ni lagii blogger aja, btw tukeran link gitu naikin PR gag????
    thx,.,.

    • bel4j4r said

      wordpress itu lebih gampang dari blogspot lho, mas. setidaknya waktu awal aku belajar dulu. dan, percaya atau tidak, wp lebih cepat dapat rangking alexa yang bagus (pengalamanku). hanya saja, setelah tahu lebih banyak tentang blog, wordpress.com terasa banyak keterbatasannya, tidak bisa semaunya dikustomisasi. tukeran link dengan blog PR lebih tinggi bisa meningkatkan rangking blog kita. tapi tidak bisa tukeran dengan 1 blog pr bagus, trus blog kita langsung dapat bagus. ada perhitungannya…

  22. chip said

    Ouw, gt eaw

    Makasih kawand :)

    .ru belajar nui

  23. ABDUL said

    Kurang tuntassssssssssssss

  24. bel4j4r said

    wah, yang aku pelajari sih cuma begini cara ganti header untuk wordpress.com mas. itupun bergantung template yang anda pilih. jika anda menggunakan wordpress hosting sendiri, tentu caranya beda.

  25. Budi said

    Cara ganti header di blogspot gmn ? sudah aku masukin tapi miring ke kanan. thanks

    • bel4j4r said

      header di blogspot diatur melalui css yang ada di Layout > Edit HTML. coba anda cari header dan lihat pengaturannya. coba-coba untuk merubahnya dan lihat hasilnya, sampai anda menemukan yang cocok dengan keinginan. tapi ingat: BACKUP DULU TEMPLATE SEBELUM MENGUBAHNYA, sehingga jika terjadi “kecelakaan”, kita bisa mengembalikan ke kondisi semula. enak kok utak-atik template blogspot…

  26. torbyact said

    cara ganti header teksnya bagaimana ya?

    • bel4j4r said

      jika yang anda maksud adalah mengganti tulisannya, masuk ke setting > general. ganti blog title dan tagline sesuai keinginan anda.
      jika yang anda maksud adalah model/jenis/bentuk hurufnya, kita harus membuatnya di program pengolah grafis (aku sih pake photoshop) dan langsung ditulis di atas banner.

  27. aulya said

    klo blogspot sama aja ya caranya??

    • admin said

      kalo blogspot harus ditulis kodenya, bisa di bagian header atau h1, dengan menyisipkan kode berikut: background:url(http://alamatgambartersimpan.com);

  28. kumizcribs said

    Misalkan klo gw gk byar gmn ?
    tapi rata-rata temen gw bisa ganti header tanpa byar !!!

    • admin said

      untuk wordpress.com gratisan, tergantung tema yang dipilih, ada yang bisa diganti headernya, ada yang tidak.

  29. Abdul Rahman said

    Mas kok punya ku tidak ada tab desainnya.

  30. thanks kebetulan lagi cari cariinfo tentang ini..

  31. arjunaadverting said

    gimana ya kok belum bisa tak coba.header yang tak pilih mistylook tidak ada menunya seperti yang dicontoh kan, ato ngak semua header bisa dirubah…..!!!gmn donk..??

  32. agoes123 said

    sip

  33. Emang gak bisa sama skali ya ganti header di wordpress yg gratisan…cayang ya, gak kayak blogspot.

  34. thx banget infonya broe..tapi aq masih bingung soalnya di bloq-ku gak ada “tab Desain tab Gambar Tajuk Tersuai” atau mungkin aq yang gak tau tempatnya..maklum aq kan blogger baru…btw, aq terinspirasi sama theme-nya kamu..sekarang aq pake theme yang sama kayakm blog ini ..he3…sorry nyontek..soalnya theme kamu bagus c…oya, tukeran link yuk?

  35. yang bahasa inggris gmna mas??

  36. funktaztic said

    Wah.. ini ni yg aq cari..
    Maap ni sebelumnya.. Baru bkin blog 2 hari yg lalu..
    Itu bisa digunain bwt blog yang di WordPress.com ga? (maksudnya bukan yg di wordpress install sendiri..

    suryatriwijaya.wordpress.com

  37. du27in said

    Thanks a lot,soalnya baru belajar make wordpress.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>