How to add a horizontal menu bar to blogger in 5 minutes

<Back

Click Design -> Layout

In Cross Column, click Add a Gadget

Select HTML/JavaScript

paste in the following code, then press save

<style>
div.scrollmenu {
    background-color: white;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: #555;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}
</style>

<div class="scrollmenu">
  <a href="http://xyzcode.blogspot.com">Home</a>
  <a href="http://xyzcode.blogspot.com/2016/02/oca-exam-1z0-808-breaks-down.html">OCAJP</a>
  <a href="http://xyzcode.blogspot.com/2016/07/ocp-exam-1z0-809-breaks-down.html">OCPJP</a>
  <a href="http://xyzcode.blogspot.com/2016/04/java-concurrency-in-practice-with.html">Java Concurrency</a>
 <a href="http://xyzcode.blogspot.com/2016/05/5-minutes-solutions.html">Blogger Tips</a>
  <a href="http://xyzcode.blogspot.com/2017/01/about.html">About</a>
</div>