Cara Mengubah Ukuran Header Gambar Viomagz

Diposting pada
Cara Mengubah Ukuran Header Gambar Viomagz

Cara Menambahkan dan Mengubah Ukuran Header Gambar di Template VioMagz – Bosan dengan Header Blog khususnya pada bagian nama blog yang hanya tulisan saja? Ingin menggantinya dengan sebuah Logo atau Gambar agar terlihat lebih keren? Nah, kali ini Saya akan memberikan tutorialnya.

Yap! Kali ini Saya akan membahas cara mengubah ukuran header gambar khususnya pada Template Viomagz. Tak hanya itu, Saya juga akan membahas tahap-tahap sebelum mengubah ukuran gambar di Header, yaitu mulai dari membuat gambar sampai menambahkan gambar atau logo di template Viomagz.

Template buatan Mas Sugeng yang satu ini dijululuki sebagai “Template Jutaan Umat” dikarenakan penggunanya yang sangat banyak. Desainnya, Seo Friendly, dan kecepatannya yang Wuzz membuat template ini digandrungi para Blogger khususnya yang memakai CMS Blogger.

Menempatkan sebuah gambar atau logo pada header blog template Viomagz memang membuat blog Kita terlihat lebih keren Profesional. Tak ayal, nama blog pada bagian header yang hanya berupa teks/tulisan saja lebih bagus jika diganti dengan gambar logo yang lebih informatif dan membuat pengunjung lebih kenal dengan blog Kita.

Baik, jadi Saya akan membahas sekaligus tiga tutorial, yaitu Cara Membuat Gambar Untuk Dijadikan Header Blog, Cara Membuat Gambar Untuk Dijadikan Header Blog, dan Cara Mengubah Ukuran Gambar di Header Template VioMagz.

Cara Membuat Gambar Untuk Dijadikan Header Blog 

Untuk membuat atau mengedit gambar untuk dijadikan header blog di template Viomagz, Anda bisa menggunakan aplikasi edit foto seperti Photoshop jika di PC atau PixelLab jika di HP. Jika ingin yang mudah maka gunakan mengedit menggunakan Picsay Pro saja. Gunakan aplikasi edit foto yang Anda kuasai. Disini Saya akan menggunakan aplikasi PixelLab saja. Saya tidak mungkin mungkin menjelaskan cara mengedit gambar logo nya. Jadi, silahkan Anda berkreasi sendiri, buat desain gambar header blog Anda sendiri.

Cara Mengubah Ukuran Header Gambar Viomagz

Untuk Rasio Gambar, Anda bisa tiru punya Saya saja seperti gambar diatas. Kemudian, sebaiknya buat logo teks nya sama besar dengan background atau rasio gambar. Jika sudah, silahkan Simpan. Agar lebih ringan, Anda bisa mengkompres gambar tersebut.

Baca Juga : Cara Kompres Foto/Gambar agar Ukurannya Kecil di HP dan Komputer

Cara Menambahkan Gambar di Header Blog

Untuk cara menambahkan gambar di bagian header blog pada template Viomagz, Anda bisa mengikuti langkah-langkah dibawah ini :

  1. Masuk Dashboard Blogger Anda.
  2. Pilih Tata Letak >> edit Header.
  3. Nah, silahkan Pilih Foto lalu masukkan Gambar yang sudah Anda buat.
  4. Dan jangan lupa centang Susutkan Agar Sesuai.
  5. Kemudian pilih Tempatkan Keterangan Setelah Gambar.
    Cara Mengubah Ukuran Header Gambar Viomagz
  6. Simpan.

Sampai disini nama blog pada header sudah diubah menjadi gambar. Silahkan dicek dan jika ukuran gambar tidak sesuai dengan ukuran header maka Kita bisa melakukan pengeditan melalui Edit HTML template. Silahkan lanjut membaca pada bagian dibawah.

Cara Mengubah Ukuran Gambar di Header Template VioMagz

Nah, apabala ukuran gambar dan header tidak sesuai, maka Kita dapat mengedit atau melakukan penyesuaian melalui edit HTML Template, silahkan Anda ikuti langkah-langkah dibawah ini :

  1. Masuk Dashboard Blogger Anda.
  2. Pilih Tema >> Edit HTML.
  3. Cari kode .header img
    Cara Mengubah Ukuran Header Gambar Viomagz

  4. Nah, silahkan Anda sesuaikan dengan mengubah Margin atau Max-Height. Margin adalah jarak logo dari batas paling atas blog. Semakin banyak angkanya, gambar atau logo header akan semakin kebawah. Sedangkan Max-Height adalah besarnya Logo atau Gambar header yang akan dipakai.
  5. Simpan.

Nah, sekian tutorial seputar mengubah header menjadi gambar atau logo. Jadi, lengkap mulai dari membuat gambarnya, menambahkannya ke header blog, sampai mengubah ukuran header gambar di template Viomagz.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *