検索結果ページをカスタマイズ (2/2)

2014/04/26
前回はこちら。検索結果ページをカスタマイズ (1/2) なぜ検索結果ページをカスタマイズする必要があるか知らない方は、まず前回の記事を読んでくださいね。 さて、今日は実際にHTMLに修正を加えていきますよ。 最終目標は上の図です。 落ち着いて考えれば、難しいことではないので大丈夫です。^^     SPONSORED LINK     1. HTMLを開く メニュー一覧から、「HTML:PC」をクリックします。 あるいは、 ..

続きを読む

検索結果ページをカスタマイズ (1/2)

2014/04/21
これも、ずい分前から直さなくちゃいけないなーと思っていた案件。 検索結果ページのカスタマイズです。 ちょっと事情があったので(苦笑)、ここもテコいれしましたよ。 Seesaaブログをやっていて、検索結果のカスタマイズをしていない人には、ぜひぜひ検索結果がどうなっているかを見ていただきたい!     SPONSORED LINK     最初に、検索ボックスを使うシチュエーションを考えてみましょうか。 何らかのルートでたどり着いたブロ..

続きを読む

フッターがサイドバーに行ってしまうのを修正

2011/03/28
追記あり お気付きの方もあったと思うのですが、フッター部分(Copyrightと「powerd by Seesaaブログ」がある部分)が右サイドバーに行ってしまってました。カッコ悪ぅと思いながらそのままになってましたが…。 直りました(笑)。 方法は以下の通りです。 1)記事エリアの一番下に、自由形式を追加します。 2)自由入力欄に、    <div style="clear:both"></div> と入力します。 ..

続きを読む

お知らせ 2011/1/29

2011/01/29
Seesaaの仕様変更に伴い、「管理人からのコメントを区別」のカスタマイズは正常に動作しなくなっています。 コメントのメールアドレス欄はメールアドレスしか受け付けなくなりました。つまり、メールアドレスではない文字を入力すると、コメントが入らないんです。 となると、管理人を区別できるようにしたアイコンや背景色などのカスタマイズが反映されないことになります。 管理人のコメントにアイコンや背景を設定するのはお気に入りのカスタマイズだったので、すごく残念です…。 今のとこ..

続きを読む

「自由形式」を使う (2)

2010/11/21
長らくお待たせいたしましたー! そして、読者登録してくださったみなさん、ありがとうございます! すっごく嬉しいです!! それに励まされて、今日記事を書いています。沈黙を破るパワーが沸いてくるくらい励みになっています。 * 今日は、ブログ管理者にとって便利な機能を説明します。 「自由形式」のHTMLをいじります。 HTMLなんて言われたら、初心者の方はたぶんドキドキしちゃいますよね? でも、大丈夫。初期状態戻すのは簡単だから。それに、今回はそんなにたくさん入力..

続きを読む

「自由形式」を使う (1)

2009/10/05
今日の話は、Seesaaブログのみが対象です。 「さあ、カスタマイズするぞー」ってことでコンテンツを追加するときに、一番使うのが「自由形式」じゃないかと思います。その「自由形式」の話。 コンテンツの追加方法については、下記のSeesaaブログのヘルプページをご覧くださいね。 ブログ ・ヘルプ: コンテンツの追加方法コンテンツ配置の編集方法 さて、本題はここから。 追加しただけでは、「最近の記事」とか「最近のコメント」「カテゴリ」などのコンテンツと設定が違..

続きを読む

カレンダーのデザイン(2)

2009/06/27
カレンダーのデザイン(1) の続きです。 カレンダーの日付エリアの背景は画像にすることもできます。 というわけで、今日は、テンプレート「突撃!合戦スタジアム」のカレンダーを改造してみます。 ↑こんなデザインです ↑背景画像 この画像、何なんでしょう? 血のり?(-_-;) き…気分を取り直して、CSSのカレンダーに関わるの次の部分いきましょう。 #calendar { font-size:12px; width:190px; ma..

続きを読む

カレンダーのデザイン(1)

2009/06/26
カレンダーのデザインはCSSで指定されています。 今日は、そのCSSを読み解いてみます。 私もCSSをきちんと理解してない初心者ですが、頑張って頭を使ってみました。(`・ω・´)っ ページデザインごとに違うので、一例としてテンプレート「light pole」のCSSを見てみます。 これが「light pole」のカレンダーのデザイン。 シンプルで見やすいから、私のお気に入り♪ 私の好みはおいといて(笑)。 カレンダーに関する部分は8項..

続きを読む

画像の横にも文章を(4) CSSで指定

2008/04/24
画像回り込みシリーズも今回が4回目となりました。 画像の横にも文章を(1) 画像の横にも文章を(2) 余白を調整 画像の横にも文章を(3) 崩れた?! 一応、前回で完結しているんですけど、今回は他の方法を紹介します。 CSS(スタイルシート)で指定する方法です。 CSSの設定するページは、「文字の設定(7)ちょっと動くリンク」などで説明しているので参考にしてください。 開きました? それでは、いきましょう。(^-^)ノ 場所はどこでもいいんじゃない..

続きを読む

画像の横にも文章を(2) 余白を調整

2007/12/15
前回、画像の横に文章を回しこむ方法を紹介しました。 画像の横にも文章を(1) 今回は、もうちょっと自分でいじれる部分が増やせるように配置する方法です。 もっとスマートな方法があるかもしれないけど、私がやってる方法を紹介します。 まず、ファイルマネージャーを使って、自分のブログのスペースに画像をアップします。方法は前回のページを見てくださいね。 一覧が表示されているウインドウで、「元画」ボタンをクリックします。 それでは、文章を画像の周りに..

続きを読む

画像の横にも文章を(1)

2007/11/25
「画像に文章が回り込む」って言い方が正確なのかな。 でも、初心者だと「回り込むって何?」と思うのではないかと…。私がそうだったし。 ここは初心者によるブログカスタマイズ初心者のためのブログですから、専門用語(?)を使わずに平易な言葉を使うように心掛けてますので~。 画像と文章を混在させるコンテンツ(ブログでもサイトでもね)の場合、画像の横にも文章を配置したいことありますよね。 私がブログを始めたての頃、これがしたいのに方法がわからなくて困ってました。 他..

続きを読む

無料写真素材から簡単にテンプレート作成!

2007/06/22
本日、2007年6月22日、Seesaaブログに素敵な機能が追加されました! 写真素材フォトライブラリーの素敵な写真をヘッダーに使って、簡単にテンプレートを作成することができるようになったんです。   Seesaaからのお知らせ:   無料写真素材からブログデザインを作成しよう! これは良さそうです。しかも、簡単そう。o(^-^o)(o^-^)o 美しい写真をヘッダーに持ってくるだけで、オシャレ度がググっと増しますし、オリジナル感も季節感も簡単に表現できます..

続きを読む