sysnakamura

<!--メニューバー-->
<div id="menu">
    <div id="btnArea">
        <span id="menuBtn"><i class="blogicon-reorder lg"></i> MENU</span>
    </div>
    <ul id="menuContent">
        <li><a href='リンク URL'><Font Awesome の <i class から始まるコードを貼り付ける>メニュー名</a></li>
        <li><a href='リンク URL'><Font Awesome の <i class から始まるコードを貼り付ける>メニュー名</a></li>
        <li><a href='リンク URL'><Font Awesome の <i class から始まるコードを貼り付ける>メニュー名</a></li>
        <li><a href='リンク URL'><Font Awesome の <i class から始まるコードを貼り付ける>メニュー名</a></li>

sysnakamura

<!--メニューバー-->
<div id="menu">
    <div id="btnArea">
        <span id="menuBtn"><i class="blogicon-reorder lg"></i> MENU</span>
    </div>
    <ul id="menuContent">
        <li><a href='リンク URL'>メニュー名</a></li>
        <li><a href='リンク URL'>メニュー名</a></li>
        <li><a href='リンク URL'>メニュー名</a></li>
        <li><a href='リンク URL'>メニュー名</a></li>

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*上に戻るボタン*/
#page-top {
  display:none;
  position:fixed;
  right:10px;
  bottom:20px;
  margin: 0;
  padding: 0;
  text-align:center;

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*目次のCSS*/
.table-of-contents:before{
content: "目次";
font-size: 120%;
}
.table-of-contents{
    padding: 20px 10px 20px 40px !important;
    border-radius: 5px;
    background: #f0f0f0;/*背景色はここから変更*/

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*はてなメニュー色*/
#globalheader-container {
    color: #fff; /*カラーコードで色変更可能*/
    background: #111; /*カラーコードで色変更可能*/
}
</style> /*すでに記述している場合には不要*/

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*見出しのレイアウト変更*/
.entry-content h3 { color: rgb(59, 66, 126);/*文字色*/
                    background: rgb(243, 242, 252); /*背景色*/
                    padding: 10px 10px; /*見出しまわりのスペース 上下、左右*/
                    border-radius: 0.2em; /*角の丸み*/
                    border-left: 9px solid #999; /*見出し左の線*/}
.entry-content h4 {
  position: relative;
  color: #111;

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*日付のレイアウト変更*/
.date
{
color: white; /*日付の文字色(カラーコードを変更すれば好きな色に設定できます)*/
background: #F31A75;/*日付の背景色(カラーコードを変更すれば好きな色に設定できます)*/
border-radius: 0.2em; /*角の丸み*/
padding: 0px 10px;/*日付の文字まわりのスペース*/
}
.entry-title /*日付と記事タイトルの行間調整*/

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/* フッター表示有無 */
#footer-menu {
    display:none;
}
</style> /*すでに記述している場合には不要*/

sysnakamura

<style tyle=text/css> /*すでに記述している場合には不要*/
/*はてなブログをはじめよう！を非表示にするCSS*/
.footer-action-wrapper {
    display: none;
}

/*はてなブログ開発ブログなどのリンクを非表示にするCSS*/
.touch-item-list {
    display: none;
}

sysnakamura

<style tyle=text/css>
/*ここからCSS記述可*/
/*<style>で囲まれている行の中にCSSを記述すればスマホ版のレイアウトカスタマイズができます*/
</style>