【はてなブログ】「続きを読む」を右側に配置。

はてなブログ微調整シリーズです。今回は非常にシンプルです。

続きを読むボタンを右寄せにする。以上。

現状の状態

なぜそうしたかったというと、なんとなく見づらかったから。タダそれだけです。
「続きを読むボタン」の作り方は、以前紹介していますので、必要ならご参照ください。
demacassette2.hateblo.jp

やったこと

今回、参考にした記事はこちら。
続きを読むボタンの位置を変えたい はてなブログテーマblank - 経理ん部

例のごとく、
はてなブログ管理画面　→　デザイン　→　カスタマイズ　→　デザインcss　に以下を追加。

/*続きを読むボタン*/
a.entry-see-more {
    word-wrap:break-word;
    border: solid 1px darkcyan;
    padding: 5px 20px;
    color:darkcyan;
    background:white;
    border-radius: 5px; 
    float:right;      //右寄せのおまじない
}

/*続きを読むボタンのマウスオーバー*/
a.entry-see-more:hover {
    word-wrap:break-word;
    border: solid 1px darkcyan;
    padding: 5px 20px;
    color:white;
    background:darkcyan;
    border-radius: 5px; 
    float:right;　　//右寄せのおまじない
}

これだけです。

微調整結果

あっという間に解決。やり方は簡単ですが、htmlとかcssとか慣れていない人だとこうゆうのも一苦労ですわ。情報公開してくれている諸先輩、ありがたや。