Header Image
Replace the website title with an image (logo or a banner) and position the Page Header gadget on the page.
left-aligned / centered
Go to the Layout view in the Blogger Dashboard:
and click the "edit" button
on your Page Header gadget.
To replace the website title with an image,
provide the URL of your picture or upload it from the computer.
Select the image placement:
“Instead of title and description”
or “Behind title and description”
(serving as a text background image).
on your Page Header gadget.
To replace the website title with an image,
provide the URL of your picture or upload it from the computer.
Select the image placement:
“Instead of title and description”
or “Behind title and description”
(serving as a text background image).
left-aligned
The left-aligned header
takes up half of the page width.
takes up half of the page width.
Go to the Layout view:
and place the gadget
in the NAVBAR-LEFT section
To customize the parent container's background color,
go to "Advanced" -> "Backgrounds" -> "Navbar"
in the NAVBAR-LEFT section
To customize the parent container's background color,
go to "Advanced" -> "Backgrounds" -> "Navbar"
centered
The centered header
stretches full width across the page.
stretches full width across the page.
Go to the Layout view:
and place the gadget
in the HEADER section
To customize the parent container's background color,
go to "Advanced" -> "Backgrounds" -> "Full Header"
in the HEADER section
To customize the parent container's background color,
go to "Advanced" -> "Backgrounds" -> "Full Header"
