デザイン変更完了

何とか、いろいろとやってみて、こんなもんかというところまで到達できた。色々とググってググって、CSSとはHTMLとかいじったいじった。久々だったなぁ。

せっかくだから、変更した流れでも記事にしておこう。

まずは全体イメージから

まずノートに、どういった配置にするかを書いてみた。これはかなりざっくり。
タイトルがあって、記事は左側で、サイドバーは今まで両脇にあったけど右1つにしよう。とか、独り言を言いながら書き込み書き込み。

そして、色。
今までは、青系統でまとめていたので、緑にしよう。

具体的な設定

CSSはかつて自分でホームページを作っていた時の知識から、あまり成長していないのだが、ここでもGoogle先生に活躍して頂いて、基本的なタグの設定はしておいた。
基本的な、といっても、h2～h4と、blockquoteくらい。他はほとんど使わないし。

So-netブログの、タグ一覧は以下を参照。
>>So-netブログ使い方マニュアル》CSSセレクタ(タグ)一覧

そしてウィジェット。
以前から置いてあるFriendFeedはデザインが変えられないっぽいのでそのまま放置。Last.fmは、緑のデザインのものを探して適用してみた。

プロフィールとか

ここはもっとこだわって書きたいところだが、何せかけるほど立派なプロフィールは無いので、微修正くらい。自分の他のサイトのリンクを見直し。
こういう見直しをすると、もっと更新しなくちゃと思い直したりする意外な効果が。ほとんどTwitterと日刊のPosterousしか触ってない OTL

Google AdSenseとAnalyticsをはじめる

AdSenseには興味があったけど、後回しにし続けてきた。今回導入してみる。
Analyticsはそもそもちゃんと更新しないと、見ていてブルーになるだけ →もっと更新しよう！という動機づけも兼ねている。

So-netブログにAdSenseを導入するにあたり、参考にしたサイトはこちら。
>>So-netブログでGoogleアドセンスを利用するには

まとめ

やっぱりこういう作業は楽しいもので、あっという間に時間が過ぎていた。
本当は思いつきなんかじゃなくて、計画的に、それこそRemember The MilkとかEvernoteとか活用しながら、やればいいんだろうけど。

せっかくだから更新は続けたいと思っている。が、まず低い目標からやっていこうかと思っている。週1回更新くらいかな。

ネタは全くないわけではないし、気持ちが無いってコトもないので、気負わずいけばきっと大丈夫かなぁとか、現時点では楽観的。文章力は乏しいけど、それも書いていかないと身に付かないだろうし。

よし、がんばろ。

できるホームページ HTML&CSS入門 Windows 7/Vista/XP対応

• 作者: 佐藤和人
• 出版社/メーカー: インプレスジャパン
• 発売日: 2010/12/24
• メディア: 単行本（ソフトカバー）

タグ：Google blog ブログ CSS HTML デザイン