■このブログでは、余計なことはダラダラと書きません。すぐ解決できるよう、解決策を先に書いています。

ラベル HTML の投稿を表示しています。 すべての投稿を表示
ラベル HTML の投稿を表示しています。 すべての投稿を表示

2016年3月20日日曜日

Seesaaブログで記事タイトルを分類表示する一番簡単な方法

Seesaaブログで記事をカテゴリ分けして、タイトルだけを表示する方法です。

HTMLやらCSSを大改造しなくても、Seesaa標準装備の機能だけで出来る方法を発見しました。

■設定方法

1.全記事に分類用の記事タグをつける。(カテゴリは使わない)

2.デザイン設定>コンテンツでリンク集を追加。リンク集の名前は「カテゴリ別記事リスト」にでもする。

3.ブログ表示画面で主要なタグで検索して、結果のURLをリンク集に追加する。リンクタイトルには、タグ名を入れる。これを主要なタグすべてでやる。


■使い方

2.で追加したリンク集を表示すると

のようになるので、

例えば「アドセンス」をクリックすると

のように、内部リンク付きのリストが出る。

・更新

記事を追加しても、リンク集にあるタグを使っている限り、リンク集を更新する必要はありません。新しいタグが増えてきたら、まとめて更新すればいいです。

■解説

シーサーブログ標準のカテゴリ機能では、そのカテゴリの記事が全部、本文ごと出てきます。

全部読まないと、どんな記事があるのかわかりません。記事タイトルの一覧表示が欲しいところです。

これを実現するために、HTMLやらCSSを大改造する方法はいろいろ紹介されていますが、私のような初心者にはとても無理でした。もっと簡単に出来ないかと探して見つけた方法がこれです。

ミソは、

1.カテゴリでなく記事タグで分類
2.リンク集を使う

記事タグは1記事に何個でも設定できるので、カテゴリは1個しか設定できないというseesaaブログの欠点も同時に補っているのが自慢です。

■欠点と対策

1.タグが多いと設定が面倒

初期設定は全部の記事タグでやる必要はなく、よく使われているタグからやっていけばいいです。

2.新しいタグを作ったら、リンク集の更新が必要

その都度更新しなくても、まとめて更新すればいいです。

タグが限られているブログなら、全部網羅してしまえば、問題ないです。


欠点はありますが、HTMLやらCSSをカスタマイズしなくても出来るのは、自分で言うのもなんですが、ありがたいです。

2016年2月29日月曜日

ブロガー(Blogger)のリンクに下線をつける一番簡単な方法

グーグル・ブロガー(Blogger)の欠点の一つが、リンクに下線がつかないこと。

下線はつかず、文字色が変わるだけなので、目立ちません。リンクは押されてなんぼなので、目立たないのは致命的です。

編集画面の文字装飾でムリヤリ下線を入れても、表示すると下線は出ません。


そこで、リンクに下線をつける設定をしました。

ググるとCSSを追加する方法がありますが、もっと簡単な方法があります。HTMLの編集です。

1.「テンプレート」→「HTMLの編集」で、a:link というのを探す。

2.するとこうなっているので

a:link {
text-decoration:none;
color: $(link.color);
}

3.text-decorationの行を、

text-decoration: underline;

に変える。

これで、リンクに下線がつきます。この方法だと、サイドバーのリンクにも全部下線がつきます。

2016年2月3日水曜日

ブロガー(Blogger)でブログ説明のフォントサイズを変更する方法

グーグル・ブロガーの「ブログの説明」のフォントの大きさを変更するには、

テンプレートデザイナーでは出来ません。今のところ(2016年2月)は、HTMLをいじるしか方法はありません。

■解説

テンプレートデザイナーではブログ説明のフォントの色は変えられますが、なぜか大きさは変えられません。

HTMLをいじる場合は、

<p class='description'>



<p class='description' style='font-size: 16px;'> 

のように書き直します。(山カッコは実際は半角)

(このブログの説明部分も、最初は大きすぎて無駄に貴重なスペースを食っていたので、これで小さくしたものです)

ただしHTMLに詳しくないなら、おすすめしません。手がすべって変なところをいじると、かえっておかしくなります。