Seesaaブログの記事日付を消してみよう - 初心者でもできる画像の編集+加工

ブログURL変更のお知らせ

いつも「初心者でもできる画像の編集+加工」をご覧いただきありがとうございます。

このたび、ブログURLを変更しましたのでお知らせいたします。新しいURLは以下のとおりです。

新URL:http://gazocustomize.xyz/

旧URLにアクセスしても新しいURLに転送されるようになっています。

今後も「初心者でもできる画像の編集+加工」をどうぞよろしくお願いします。

GIMP編集
無料画像編集ソフトGIMP2.8で画像の編集+加工の記事一覧はこちら

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Seesaaブログの記事日付を消してみよう

こんにちは、TAKAです。


Seesaaブログの記事の日付を消したいって思ったことありませんか?


ブログをホームページ風にしたいとか、あまり更新していないので、日付が気になるって思ったら、日付を消してみましょう。


今回使用するデザインは、Seesaaブログ人気デザインNo,1のホワイトです。

174_R.jpg


STEP1 Seesaaブログの管理画面を開く



まずは、Seesaaブログの管理画面を開いて下さい。

左上のほうに、デザインがあるので、クリックしてください。

170_R.jpg



次に、デザイン設定をクリックして下さい。

171_R.jpg



次に、あなたがブログのカスタマイズしたいデザインのタイトルをクリックしてください。

172_R.jpg



attention.pngここで注意!!
うまくいかなかったときのために必ず、編集前のスタイルシートをメモ帳などにバックアップしておきましょう。



すると、CSS(スタイルシート)の中がズラリズラリとでてきます。


173_R.jpg




Seesaaブログのスタイルシートの.date部分を書き換える




今度は、CSS(スタイルシート)の中の.dateを探しましょう。


簡単に探す方法は、キーボードのCtrl+Fキーを押してみて下さい。画面左下のほうに、検索窓がでてきます。
.dateと打ってみて下さい。


CSSの.date部分がマーカーでわかるようになっています。


こんな感じで

178_R.jpg



その「.date」の箇所に「display:none;」と記述して下さい。


こんな感じで
.date{
display: none;
font-size: 12px;
color:#B8B8B8;
}

.title{
font-weight:bolder;
text-align:left;
}
.title a{
color:#636363;
border:none;
text-decoration: none;
font-weight:bolder;
}
そして、プレビューで確認してみます。

179_R.jpg


あれっ、なんか変ですね。

日付は消えたんですが、日付のあった場所に記事のタイトルがきちゃいました。

私はこれでもいいのですが、記事タイトルはもともとあった場所が良いって方は、

今度は、記事タイトルを移動してみましょう。


Seesaaブログの記事タイトルをmargin(マージン)で設定してみよう



margin(マージン)とは、レイアウト文字や文章を表示したりする場合の内容の領域の設定をするものです。余白などをとり見栄えをよくする為に表示する領域の指定ができるのが、margin(マージン)です。


今度は、CSS(スタイルシート)の中のh3を探しましょう。


簡単に探す方法は、キーボードのCtrl+Fキーを押してみて下さい。画面左下のほうに、検索窓がでてきます。
h3と打ってみて下さい。


するとh3のところがでできました。

180_R.jpg



margin(マージン)と書かれている部分のはじめの5pxをあなたの好きな数字にしてください。

ちなみに今回私は30pxにしました。

このmargin:5px 0px 0px 0px:の意味は、

左から、上 右 下 左の余白です。


プレビューでみてみましょう。

181_R.jpg



もともとあった所に、ブログのタイトルが帰ってきてくれました。

最後に保存を押してOKです。

万が一レイアウトなどがおかしくなって、どうにもこうにもできなくなったら、

今までカスタマイズしていた所は全部元に戻ってしまいますが、

初期値に戻すボタンがあるのでそこで戻してください。

182_R.jpg




この記事を読んだ人はこんな記事も読んでます




Comment
非公開コメント

Track Back

http://gazocustomize.blog.fc2.com/tb.php/13-965d018e

スプレッドで比較

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。