アメブロをパソコンからみた時に
「日付とテーマの表示、なんで二行なんやろ〜?
一行にまとめて、もうちょっとスッキリ表示できないかな〜?」
予想では、左から右に視線は動くからかと思うのですが
個人的にはすっきり表示させたい。一行の方が好みなのです...。
というわけで、カスタマイズをして一行にしてみました!
注意:パソコンで閲覧した時のみで、スマホアプリでは通常の二行で表示されます。
変更前→変更後はこんな感じです!
変更前、日付とテーマが二行で表示されているのを
変更後、日付はそのままで、テーマを右に寄せて一行にしました。
ブログのデザイン設定でCSSカスタマイズ用のテンプレートをご利用でしたら
下記でご紹介しているコードをコピペしたら変更できますよー!!
ではここから『日付とテーマを一行に表示する方法』をご紹介します!
ブログ管理画面>①デザインの設定>②CSSの編集と進む。
CSSの記載箇所の一番下「 (4) その他、拡張」のところまでスクロールし表示させる。
下記の黄色い枠の中のコードを「/* その他、拡張があれば記述 */」の下にコピペで追記、画像の高さ、画像のURLを入力して保存したら完了!
※自信がないときは保存する前に表示の確認もするといいよー!
/* 日時を左寄せ、テーマを右寄せで表示 */
.skin-entryTitle+div{
float: left;
}
.skin-entryThemes{
text-align: right;
}
以上です!
あくまで個人的な好みで設定しているものですので
「これをやったら集客につながる!!」というものではありません。
ご了承のうえお試しくださいねー!
カスタマイズ?CSS?そんな暗号みたいなもんわからんわ!!!
という方は、簡単アメブロカスタマイズサービスをどうぞ!
現在ご提供中のサービス一覧 ご提供中のサービス一覧
告知記事・アメブロサポート・バナー等のご紹介 制作事例
こんなことできる?など、お気軽にご相談ください お問合わせフォーム
お気軽に友達申請&フォローお待ちしてます