Code Script Blogger Header Menu

To create a header menu for a Blogger website, you can use the following HTML and CSS code:

HTML:

php
<div id="header-menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>

CSS:

css
#header-menu {
  background-color: #333;
  color: #fff;
  height: 50px;
  text-align: center;
}

#header-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}

#header-menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#header-menu a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  padding: 0 20px;
  line-height: 50px;
}

#header-menu a:hover {
  background-color: #555;
}

You can add this code to the header section of your Blogger theme, either by editing the HTML template directly or by using the theme customization options. You can also modify the colors, font sizes, and other styles as needed to match your website's design.