Hatena Blog - Customized

Admin - Design - Entry - Entry header.html

<div style="text-align: right; float: right;">
  <small><a href="#box2">List↓</a></small>
</div>

Admin - Design - Footer.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/breadcrumb.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/category_archive.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  for (var i = 0; i <= 100; i++) {
    if ($('#closed-' + i).length) {
      $('#closed-' + i).click();
    } else {
      continue;
    }
  }
});
</script>

<center>
  <script src="https://player.twitch.tv/js/embed/v1.js"></script>
  <div id="twitch"></div>
  <script type="text/javascript">
    if (!navigator.userAgent.match(/iPhone|Android.+Mobile/)) {
      var options = {
        width: 912,
        height: 513,
        channel: "x5gtrn",
        parent: ["blog.x5gtrn.com"]
      };
      var player = new Twitch.Player("twitch", options);
      player.setVolume(0.5);
    }
  </script>
<center>

<div class="mix_embed"> <!-- class="mix" width="95%" height="400" -->

  <iframe class="mix" width="95%" height="400" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/841162771&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
　　
  <iframe class="mix" width="95%" height="400" src="https://www.mixcloud.com/widget/iframe/?light=1&feed=%2Fx5gtrn%2Fjust-recorded-2017-12-07%2F" frameborder="0"></iframe>

</div>

Admin - Design - Header - Below the title.html

<div style="margin: 0px; padding: 0px; text-align: right; float: right;">
  <iframe src="https://blog.hatena.ne.jp/x5gtrn/x5gtrn.hatenadiary.jp/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe>
</div>
<div class="hatena-module hatena-module-search-box" style="width: 40%;">
  <div class="hatena-module-body">
    <form class="search-form" role="search" action="https://blog.x5gtrn.com/search" method="get">
      <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required>
      <input type="submit" value="検索" class="search-module-button" />
    </form>
    <i><a href="#box2"><strong>新着記事</strong>や<strong>カテゴリーの一覧</strong>などはこちらから</a></i>
  </div>
</div>

<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>

Admin - Design - Stylesheet.css

/* <system section="theme" selected="life"> */
@import "/css/theme/life/life.css";
/* </system> */

/* <system section="background" selected="custom"> */
body{ background-image: url('https://cdn-ak.f.st-hatena.com/images/fotolife/x/x5gtrn/20200624/20200624000207.jpg'); background-repeat: repeat; background-color:#f5f5f5; background-attachment: fixed; background-position: left top;}
/* </system> */

.page-index #title,
#title {
  font-size: 1.5rem;
}

.page-index #blog-description,
#blog-description {
  font-size: 1.2rem;
}

@media (mix-width: 499px)
.page-index #title,
#title {
  font-size: 1.0rem !important;
}
.page-index #blog-description,
#blog-description {
  font-size: .7rem !important;
}

.page-entry .entry-title,
.entry-title {
  font-size: 1.3rem !important;
}

div.entry-content {
  max-width: 800px;
}
footer.entry-footer {
  max-width: 800px;
}

media (min-width: 768px)
.entry-content {
  font-size: 0.88rem;
}

div.entry-inner {
  border-bottom: 1px inset;
}
header.entry-header {
  padding-top: 0 !important;
}
div.comment-box {
  padding-bottom: 50px;
}

@media (min-width: 768px)
.page-archive .entry-description {
    font-size: .7rem !important;
}

#box2-inner {
  padding-bottom: 50px;
}
#bottom-editarea {
  padding-top: 70px;
  border-top: 1px inset;
}

#box2-inner.hatena-module-profile {
  display: none;
}
span.user-name-nickname {
  display: none;
}
span.user-name-paren {
  display: none;
}
header.entry-header {
  padding-bottom: 0.6em;
  padding-top: 0.2em;
}

div.hatena-star-metadata {
  text-align: right;
  float: left;
}
div.hatena-star-container {
  text-align: right;
  float: left;
}
div.social-buttons {
  text-align: right;
  float: leftt;
}

div.mix_embed {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}

@media screen and (min-width: 499px) { 
  iframe.mix {
    width: 45%;
  }
}

div.guest-footer-content {
  display: none;
}
p.services {
 display: none;
}
span.footer-address-name {
  display: none;
}

/* address.footer-address img {width: 150px; height: 150px; padding-bottom: 80px;} */
address.footer-address img {
  display: none;
}


/* https://design.webclips.jp/youtube-movie-size/#C02 */
.embed-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.embed-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     max-width: 100% !important;
     height: 100%;
}