Follow us on Youtube.  | Follow Website !

Search Suggest

Replacing the Blogger Header with a Logo or Image

 Replacing the Blogger Header with a Logo or Image

The logo is one of the important elements that can strengthen blog branding. Logos are characteristic and are usually used for advertising purposes. Why? Because the image of the logo can be installed in various places in electronic and print media when doing promotions. The more unique the logo, the easier it will be to remember the blog.

Changing the image in the Blogger header is a very basic thing, but apparently there are still many who don't understand how. That's why the Igniel blog will write a tutorial for all of you.


How to Put an Image Logo on the Blogspot Header

This guide applies equally to all templates. Try to have the logo in PNG format so that the background is transparent and can blend with the header.

  1. Open the Blogger dashboard and go to the Layout(Layout) menu .
  2. Look for a widget named Headerthen click edit.
    How to Change the Blogspot Header Logo Image
  3. There are two options for uploading images, namely:
    a) From your computer
    Taken directly from images stored on a computer.
    b) From the web
    From other hosting sites, just take the URL of the image.

  4. This time I demonstrated taking it from the computer directly. Kik the buttonChoose File and choose a picture.
    How to Change Text to Image in Blogger Header

  5. Then there are 3 options for the position of the image placement.
    a) Behind title and description (Behind the title and description)
    It will overlap the blog title and description. The position of the image will be behind it (as a background)
    b) Instead of title and description (other than title and description)
    This is my position RekomendasikanThe title and description will be lost and replaced by the image.
    c) Have description placed after the image (Place a caption after the image)
    Image is on top and description is below.

  6. In the example, I chose Instead of title and description(other than title and description).

  7. When done, click the button Save (Save).
    How to Put Logo Image on Blogspot Header

Image Resolution

What is the right image resolution so it's not too big or small?

The minimum and maximum resolution limits for the logo vary, depending on the template maker. However, most templates now have an auto fit feature , where the logo will automatically follow the length and width (height and width) of the header. This is so that the logo does not destroy the header design.

For example, the Igniplex template header height is 50pxYou have a logo with resolution 700px x 115pxLater the logo will automatically shrink to 300px x 50pxRemember, the reference is the LENGTH (height) of the template header, in this example the value is 50pxThen the LEBAR (width) value automatically follows the height, which in the example becomes 300pxshrinking.

A tip from me, make a logo that has a landscape orientation, aka extending to the side. Avoid the rectangle-oriented logo (the same length and width) or portrait (extending downward) because it will make the logo look very small.

How to Upload Your Own Image to the Blogger Header Logo

Try to create a logo with a height value of at least 150px so that it remains clear when automatically enlarged or reduced.


Image Size

The size here is the size of the file in Kilobytes (KB). Try to make an image that is not too big so as not to burden the blog loading. The recommended maximum size is 50KB. Less is better. Try compressing the KB image size to be smaller to keep the blog light.

It's finished the guide to change the blog title to a logo or image on Blogger. Hopefully the explanation can be understood easily.

Post a Comment