アメブロをパソコンからみた時に

 

「日付とテーマの表示、なんで二行なんやろ〜?

一行にまとめて、もうちょっとスッキリ表示できないかな〜?」

 

 

 

予想では、左から右に視線は動くからかと思うのですが

個人的にはすっきり表示させたい。一行の方が好みなのです...。


というわけで、カスタマイズをして一行にしてみました!

注意:パソコンで閲覧した時のみで、スマホアプリでは通常の二行で表示されます。

 

変更前→変更後はこんな感じです!

 

 

<変更前>

 

<変更後>

 

 

 

 

変更前、日付とテーマが二行で表示されているのを

変更後、日付はそのままで、テーマを右に寄せて一行にしました。

 

ブログのデザイン設定でCSSカスタマイズ用のテンプレートをご利用でしたら

下記でご紹介しているコードをコピペしたら変更できますよー!!

 

 

ではここから『日付とテーマを一行に表示する方法』をご紹介します!

 

 

1 ブログ管理画面>①デザインの設定>②CSSの編集と進む。

 

 

 

2 CSSの記載箇所の一番下「 (4) その他、拡張」のところまでスクロールし表示させる。

 

 

 

3 下記の黄色い枠の中のコードを「/* その他、拡張があれば記述 */」の下にコピペで追記、画像の高さ、画像のURLを入力して保存したら完了!

※自信がないときは保存する前に表示の確認もするといいよー!

 

/* 日時を左寄せ、テーマを右寄せで表示 */
.skin-entryTitle+div{
float: left;
}
.skin-entryThemes{
 text-align: right;

}

 

 

以上です!

 

あくまで個人的な好みで設定しているものですので

「これをやったら集客につながる!!」というものではありません。

ご了承のうえお試しくださいねー!

 

カスタマイズ?CSS?そんな暗号みたいなもんわからんわ!!!

という方は、簡単アメブロカスタマイズサービスをどうぞ!

→詳細はこちらをクリック!

 

 

ノートパソコン 現在ご提供中のサービス一覧 → ご提供中のサービス一覧

沈黙 お客様のご感想 → 相談メニュー /アメブロサポート

メモ 告知記事・アメブロサポート・バナー等のご紹介→ 制作事例

手紙こんなことできる?など、お気軽にご相談ください→ お問合わせフォーム

クラウン お気軽に友達申請&フォローお待ちしてます

facebook Facebook / 基本タイプ Twitter / Instagram Instagram