[Blogger] 続きを読む » のテキストをボタン風にする

Bloggerでは HTML ビューで <!--more--> を入れた箇所から 続きを読む » になりますが、(関連エントリ)

• Bloggerの非レスポンシブ公式テンプレート等で投稿を要約とサムネイル表示にする

これをボタン風に
サンプルは改修中の MBT thumb ( https://mbt-thumb.blogspot.com/ )

まず、続きを読む » のテキストは
レイアウト > 「ブログの投稿」ガジェット > 編集 > 投稿ページのリンクテキスト から任意のテキストに変更できますが、後はCSSで装飾します

MBT Mod デフォでは
.jump-link{float:right}
になってますが、ここは任意

追加を加えた部分
.jump-link a {
background: #000;
padding: 7px 14px;
color: #fff;
text-decoration:none
}

.jump-link a:hover {
background: #ff0000;
padding: 7px 14px;
color: #fff;
}

こんな感じですかね
ホバーでSupのボックスロゴみたいな感じに
合わせてサイドバーh2のパディングも調整を入れたので次回はサムネイル版にこの更新を入れるかも