フリースペースに以下の内容を追加
<div class="nav-wrap"><nav><ul class="nav-body">
<li><a href="画像URL"><span>メニュー1</span></a></li>
<li><a href="画像URL"><span>メニュー2</span></a></li>
<li><a href="画像URL"><span>メニュー3</span></a></li>
<li><a href="画像URL"><span>メニュー4</span></a></li>
<li><a href="画像URL"><span>メニュー5</span></a></li>
</ul></nav></div>
CSSに以下の内容を追加
/* グローバルナビゲーションメニュー */
.nav-wrap {
position: absolute;
margin: 0;
padding: 0;
}
.skin-blogSubA, .skin-blogSubB {
position: relative;
}
[amb-layout="columnB"] .skin-blogSubA .nav-wrap,
[amb-layout="columnC"] .skin-blogSubA .nav-wrap,
[amb-layout="columnE"] .skin-blogSubA .nav-wrap,
[amb-layout="columnB"] .skin-blogSubB .nav-wrap {
left: auto;
right: 0;
}
[amb-layout="columnA"] .skin-blogSubA .nav-wrap,
[amb-layout="columnD"] .skin-blogSubA .nav-wrap,
[amb-layout="columnC"] .skin-blogSubB .nav-wrap {
left: 0;
right: auto;
}
[amb-layout="columnE"] .skin-blogSubB .nav-wrap {
left: auto;
right: -360px;
}
.nav-body {
margin: 0;
padding: 0;
}
.nav-body:after {
display: block;
clear: both;
content: " ";
height: 0;
visibility: hidden;
}
.nav-body>br {
display: none;
}
.nav-body li {
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.nav-body li a {
display: block;
text-decoration: none;
}
.skin-blogBodyInner {
padding-top: 90px; /* メニューバーの表示場所確保 */
}
.nav-wrap {
top: -90px; /* メニューバーの上下位置調整 */
}
.nav-body {
width: 1120px; /* メニューバー横幅 */
background: #FFFFFF; /* メニューバー全体の背景色 */
}
.nav-body li a {
width: 224px; /* ボタンの横幅 */
line-height: 40px; /* ボタンの高さ */
color: #fff; /* 文字の色 */
background: #505050; /* ボタンの色 */
}