literallyblog

<div class="sidesocial" ><h4><i class="blogicon-subscribe"></i>FOLLOW ME</h4>

<!--はてな読者登録-->
<span class="hatenafollow socialbtn" >
<a href="http://blog.hatena.ne.jp/はてなID/ブログURL(http://をのぞいた部分)/subscribe" target="_blank">
<i class="blogicon-hatenablog lg"></i></a></span>

<!--ツイッタフォロー-->
<span class="twitterfollow socialbtn" >
<a href="https://twitter.com/intent/follow?screen_name=ツイッターアカウント名" target="_blank"><i class="blogicon-twitter lg"></i>

literallyblog

<p class="authorname">Author: <a href="http://tsukuruiroiro.hatenablog.com/">手書きにする名前</a>.</p>

literallyblog

<div class="headimg"><h4>Hello.</h4>
<h5>おすすめの記事はこちら</h5>
<div class="recommendlist">
<h6><a href="http://おすすめ1.com">おすすめ記事１のタイトル</a></h6>
<h6><a href="http://おすすめ2.com">おすすめ記事２のタイトル</a></h6>
<h6><a href="http://おすすめ3.com">おすすめ記事３のタイトル</a></h6>
</div>
</div>

literallyblog

<div class="headimg"><h4>大見出し</h4>
<h5>中見出し</h5>
<div class="recommendlist">
<h6><a href="おすすめ記事１のURL">おすすめ記事１のタイトル</a></h6>
<h6><a href="おすすめ記事２のURL">おすすめ記事２のタイトル</a></h6>
<h6><a href="おすすめ記事３のURL">おすすめ記事３のタイトル</a></h6>
</div>
</div>

literallyblog

/*タイトルをブログ名と違うものにする*/
#title:before {
    content: "ここに実際に表示させるタイトルを入れる";
    color: white;
    font-family: 'quicksand', sans-serif;
}

#title a {
    display: none;
}

literallyblog

    font-family: "Avenir Next", 'Helvetica Neue', Helvetica, Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;

literallyblog

<style type="text/css">

  .list-entry-article .thumb-image 
      {
      width: 100px; /*サムネイル画像の横幅*/
      height: 100px; /*サムネイルが画像の縦幅*/
      border-radius: 0em; /*サムネイル画像の角の丸みをなくす*/
      border: solid 3px rgb(61, 61, 61); /*画像の枠線をつける*/
      }
  .date

literallyblog

<style type="text/css">
  
   /*ここからCSS */
   .header-image-wrapper {display:none; /*これでデフォルトのヘッダーがまるまる消える*/}
   /*ここまでCSS*/
   
</syle>


   /*ここからhtml*/

literallyblog

<style type="text/css">  
.entry-content h4 { color: rgb(59, 66, 126);/*文字色*/
                    background: rgb(243, 242, 252); /*背景色*/
                    padding: 10px 10px; /*見出しまわりのスペース 上下、左右*/
                    border-left: 9px solid rgb(97, 101, 134); /*見出し左の線*/}
  
</style>

literallyblog

<style type="text/css">
  body {font-family:"Avenir Next", sans-serif;}
</style>