2008年04月27日

CSS編集A:ページ全体の幅を広げる

header_12

こんにちは、ほくほくです。

今日は、ブログデザインを変更するお話。

それでは、いよいよCSSの編集です。
今回はまず、ブログのページ幅を広げてみましょう。


ここで使用するのは、Seesaaブログの「Green Leaves(両サイドバー)」テンプレートです。

まずはデザインの一覧からこのテンプレートを自分のブログに追加し、テンプレート名のリンクを押して下記画面を表示しましょう。

design_20080413_02.JPG

ここで「プレビュー」ボタンを押すと、現在のテンプレートをベースとした画面が表示されます。

design_20080412_01.JPG

このページ幅を広くするのが、今回の目的。

ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)
にほんブログ村 為替ブログへ ランキングクリック&応援、よろしくお願いしますexclamation にほんブログ村 為替ブログ FX システムトレード派へ
ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)

続きを読む
タグ:ブログ
posted by o(^0^)o ほくほく at 10:52 | Comment(2) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2008年04月20日

CSS編集@:CSS編集の基本

header_11

こんにちは、ほくほくです。

今日は、ブログデザインを変更するお話。

早速、「CSSでブログのデザインを変えてみよう!」に従ってデザインを変えていきましょう。


・・・とその前に、まずはブログデザインの構成と編集方法をおさえておきましょう。


このブログは、様々なパーツで構成されていますが、大きく分けると4つのパートで成り立っています。

design_20080413_01.JPG


 @ページ全体(緑枠線)
 Aメインコンテンツ(オレンジ枠線)
 Bサイドバー(赤枠線)
 C背景画像(青枠線)

つまり、ブログのページは@の一つの大きなボックスになっていて、その中にAのメインコンテンツのボックスや、Bのサイドバーのボックスが入っている形になります。

これらに加え、メインコンテンツには各ブログ記事がボックス形式でいくつか入り、サイドバーにはカレンダーや記事一覧が同じくボックス形式でいくつも入っているわけです。

ようするに、ハコがいくつも入れ子になっているのが、ブログの構成になります。


これから、これらのパーツを編集していくわけですが、Seesaaブログでの編集は下記画面から行います。

design_20080413_02.JPG


ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)
にほんブログ村 為替ブログへ ランキングクリック&応援、よろしくお願いしますexclamation にほんブログ村 為替ブログ FX システムトレード派へ
ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)

続きを読む
タグ:ブログ
posted by o(^0^)o ほくほく at 15:18 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2008年04月13日

CSSでブログのデザインを変えてみよう!

header_10

こんにちは、ほくほくです。

2週間前になりますが、このブログのデザインを変更しました。(関連記事

実はほくほくは、ブログのデザインを自分の気に入ったものにするため、今年に入ってからスタイルシート(CSS)の勉強をコツコツ(コソコソかな?)していました。
なので、今回のデザイン変更は、テンプレートを基にしつつも、CSSを使用して自分なりに気に入った形に仕上げています。

Seesaaブログのテンプレートはこんな感じですが・・・

design_20080412_01.JPG


それを、CSSを変更して下図のような今のデザインに変えています。

design_20080412_02.JPG

(注)単に画像を拡大しているわけではありませんよ(笑)


ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)
にほんブログ村 為替ブログへ ランキングクリック&応援、よろしくお願いしますexclamation にほんブログ村 為替ブログ FX システムトレード派へ
ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)ー(長音記号1)

続きを読む
タグ:ブログ
posted by o(^0^)o ほくほく at 12:00 | Comment(3) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2008年03月30日

ブログデザイン変更

いつも応援ありがとうございます⇒にほんブログ村 株ブログ 株日記へ

こんにちは、ほくほくです。

ブログのデザインを変えました!

使用しているSeesaaブログに良いテンプレートが出たということもありますが、今年に入って勉強していたCSSを多用し、だいぶ自分の思い通りの形に仕上がったと思っています。

まだ移行時期なので、サイドバーなどにおかしな表示のものもあるかもしれませんが・・・ご容赦下さい。

慣れ親しんだこのデザインともお別れ。

blog_20080329.JPG


少し寂しい気もします。

昨年の7月にこのブログを開設してから8ヶ月、気分も新たに新デザイン。
相場の方でも、良い結果を出していきたいですね。

◆ブログランキング、クリック&応援お願いします!
 にほんブログ村

タグ:日記 ブログ
posted by o(^0^)o ほくほく at 20:39 | Comment(3) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年11月03日

ブログのページランク

クリック&応援、お願いします!⇒にほんブログ村 株ブログ 株日記へ

こんにちは、ほくほくです。

朝晩はもうすっかり寒くなって、気がついたら11月、今年も残すところあと2ヶ月ですね。
ブログを始めてから、もう5ヶ月(このブログは3ヶ月)が経過しました。
早いものです。

さて、今日はページランクの話。

このブログを始めて間も無い頃、Googleのページランクを表示するブログパーツを貼り付けました。

 http://hokuhoku-portfolio.seesaa.net/article/49520345.html

その後、カウンター機能がおかしくなってしまったので外していたのですが、今週気がついたらページランクが2になっていました!

こうやって、徐々にブログが育てていくのは非常に楽しいですね。

このブログにリンクを貼って下さった皆様、ご訪問頂いている皆様、ありがとうございます。
これからも頑張ります。


今週の相場は、週中にダウが300ドル以上下げるという、危ない状況になりました。
サブプライムローン問題に関連して、金融機関を中心に評価が下がっているのがその原因のように思われます。
住宅着工数も下がり、原油も値上がりし、米国ファンダメンタルにも悪いイメージが出始めました。

ただ、いいニュースもあって、10月の米雇用者数は16万人増加した模様です。

雇用者数が増える=仕事がある=実体経済は活況

というように考えれば、まだまだ米国経済は伸びるかもしれません。
是非期待したいところです。


この週末は、天気はよさそうですね。
今日は久々にゴルフに行ってきました。この時期のゴルフは、暑くもなく寒くもなく、景色も綺麗で最高です。
明日は何しようかな・・・

◆ブログランキング、クリック&応援お願いします!
にほんブログ村 株ブログへ

posted by o(^0^)o ほくほく at 23:45 | Comment(8) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年10月07日

ブログパーツ『あし@』

クリック&応援、お願いします!⇒にほんブログ村 株ブログ 株日記へ

こんにちは、ほくほくです。

ブログパーツであしあとを記録することができる『あし@』というツールを見つけたのでブログにつけてみました。

このブログの左上に表示されているのがそれです。

Yahoo!ブログ時代に「訪問者」としてあしあとが記録され、こちらから訪問するのにとても便利でした。
このツールを使用している方は、ツール上にあしあとが残るので、是非ブログを参考にさせて頂きたいと思います。

ツールの入手先は下記サイトです。

◆あし@
 http://www.ashia.to/


posted by o(^0^)o ほくほく at 23:59 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年09月09日

このブログをYahoo!ブログの「お気に入り」に登録する方法

こんにちは、ほくほくです。

こちらのブログが本格稼動を始めてから1週間が経過しました。
今までYahoo!ブログの『o(^0^)o ほくほく投資日記』にご訪問頂いていた皆様、いろいろとご不便をかけてすみません。

ただこちらのブログに移って来たお陰で、使用できるツールが増えたり記載が簡単になったため、その分ブログ本文に力を入れることができるようになりました。
これからもよろしくお願いします。




さて、以前Yahoo!ブログの方に来て頂いていた方から、「このブログをYahoo!ブログの『お気に入り』にいれるにはどうしたらいいですか?」と質問を受けました。

例えば今の『o(^0^)o ほくほく投資日記』の「お気に入りブログ」欄の設定方法でしょうかね。

◆o(^0^)o ほくほくポートフォリオ
 http://blogs.yahoo.co.jp/hoku_hoku_123

そこで今回は、簡単にこの設定方法のご紹介をします。




Yahoo!ブログの「お気に入り」への設定方法は、大きく分けて次の2つになります。

 1.「お気に入り」に登録したいブログのRSS文字列を取得する
 2.自分のYahoo!ブログの「お気に入り」に登録する

このブログに限らず、Yahoo!ブログ以外のブログを登録する場合は同じ手順です。

■1.「お気に入り」に登録したいブログのRSS文字列を取得する

@まず、このブログのサイドバー一番下の「RSS 2.0」をクリックして下さい。

A何やらソースコードがたくさん表示されるので、その画面の「アドレス」欄に記載されている文字列をコピーして下さい。
このブログのRSS文字列は下記になります。

 <RSS文字列>
  http://hokuhoku-portfolio.seesaa.net/index20.rdf

 ※この文字列をそのままコピーしても大丈夫です。


■2.自分のYahoo!ブログの「お気に入り」に登録する

@ご自分のYahoo!ブログを開き、右上の「ブログ設定」ボタンをクリックして下さい。

Aサイドバーの「お気に入り設定」の中の「お気に入りブログ管理」をクリックして下さい。

B表示される画面の一番下から2番目に「お気に入りブログの追加」という欄があります。この欄に先ほどの文字列をペーストして「決定」ボタンをクリックして下さい。


以上で登録完了です。

ただ残念なことに、外部ブログをYahoo!ブログにお気に入り登録した場合、Yahoo!ブログホーム(http://blogs.yahoo.co.jp/)の右上、「更新されたお気に入りのブログ」欄には表示されません。
それでも『o(^0^)o ほくほく投資日記』のように、このブログの更新記事を表示することはできるようになります。
よろしければ是非試してみて下さい。

これからもどうぞよろしくお願い致します。

◆ブログランキング、クリック&応援お願いします!
にほんブログ村 株ブログ 株日記へ

◆こちらも是非!
相場師ブログランキング



タグ:ブログ
posted by o(^0^)o ほくほく at 10:00 | Comment(3) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年08月05日

ブログパーツ「あなたのブログのお値段は?」




またブログパーツを追加しました。

この「あなたのブログのお値段は?」は、そのブログの値段をFlashで表示してくれるというブログパーツ。
値段の算定基準はよくわかりませんが、テクノラティが提供しているパーツなのでブログの被リンク数が関係しているようです。

このお値段を高めていくこと、それもブログを書いていくことの楽しみの一つです。
頑張ります。 o(^0^)o

banner_03.gif

◆ブログパーツ入手先
http://404-notfound.net/blogworth/

◆ブログのお値段ランキング
http://404-notfound.net/blogworth/rank.php

◆テクノラティ
http://www.technorati.jp/

posted by o(^0^)o ほくほく at 20:00 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年07月30日

ブログパーツ「BLOG Meter」




投資成果を視覚化するため、「グラフと表を作ってくれるようなブログパーツはないかな〜」と探していたところ、ありました。

ほんとうにあるとは・・・すごいですね、ブログの世界。

このグラフのすごいところは、ブログの本文に所定の形式で数値を記載しておくだけで、毎日それを読み取ってグラフ化してくれるところです。
これで、毎回グラフをブログに貼り付ける手間から解放されると共に、グラフがよりリアルタイムに作成されるようになります。

今のところまだ数値が少なくてグラフになっていませんが、週明けから数値を入れていきます。

このブログパーツはこちらから入手しました。
banner_03.gif

◆BLOG Meter
http://blogmeter.jp/

posted by o(^0^)o ほくほく at 10:00 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする

2007年07月29日

ブログ登録

このブログの存在をより多くの人に知ってもらうため、いくつかのサイトに登録しました。

◆にほんブログ村(http://www.blogmura.com/
ランキングサイトです。
自分のブログに下のようなバナーを貼り、そのバナーがクリックされることによって得られるポイントでランキングが上がっていきます。
にほんブログ村 株ブログ 株日記へ

◆人気blogランキング(http://blog.with2.net/
日本最大級のランキングサイトです。
自分のブログに下のようなバナーを貼り、そのバナーがクリックされることによって得られるポイントでランキングが上がっていきます。
banner_03.gif

◆テクノラティ(http://www.technorati.jp/
ブログの検索・ランキングサイトです。
そのブログの被リンク数、つまりそのブログがどれだけ多くのサイトからリンクを貼られているかで評価し、ランキングされます。


これで来訪者が増えてくれるといいですね。

タグ:ブログ 日記
posted by o(^0^)o ほくほく at 14:14 | Comment(0) | ブログカスタマイズ | このブログの読者になる | 更新情報をチェックする