2005年09月21日
カスタマイズのコツ？
まず最初にお話ししますが，僕はカスタマイズを薦めているわけではありません。（笑）
何故かというと，トラブルのもとですし，ブラウザによってはバグって見えてしまう可能性が，結構あるからです。
僕も，このデザインに変更した理由の１つに，以前のデザインがＩＥ６以外の方からバグって見えるといわれたこともあったのです。
またいじってますが．．．（汗）
それと必ず，もともとのｈｔｍｌソースを，コピーして大事に取っておいて下さい。
そうすれば，もし行っちゃっても（笑）もとの状態になりますし，ホントはどうだったかな？と思ったときにすぐ確かめられますから。
一応，それをご理解いただいた上で，カスタマイズについてお話しします。
まず，僕はｃｓｓはフォントサイズ以外は触りません。
まだ，よくわからないので，怖くて触れないのです。（汗）
基本的に，ｈｔｍｌの直接書き込みしかしていません。
例えば，真面目にブログを始めて，一番最初にｈｔｍｌと戦うのは，アクセス解析を設置する時ではないでしょうか。
■ライブドアブログ 無料アクセス解析の設置
これは，＜ＢＯＤＹ＞タグの下に，取得したアクセス解析のタグを貼り付けるだけなので，簡単だとは思いますが，最初にｈｔｍｌを見る時って，クラッとしますよね。（笑）
それで，例えば僕のヘッダーのグーグルアドセンスとか，フッターのグーグルアドセンスをどうやって作っていったか，簡単にお話ししますね。
ちなみに，グーグルアドセンスの設置はこちらをご覧下さい。
画像が飛んでますけど，あとでアップします。
すいませんm(__)m
■ライブドアブログ グーグルアドセンスの設置
まず，どこに何を入れるか決めて，トップページや個別ページのｈｔｍｌを探検しに行きます。
それで，その近くにある文字とか，それを意味するキーワードを探します。
例えばヘッダーの場合は，ブログタイトルとブログの説明文のあとで，サイドバーや本文の前に入れたい，という事になります。
blogtitle ブログタイトル
description ブログの説明
ちなみに，ブログ全体を”container”というブロックで囲っている感じで，タイトルを含むヘッダー部分は”banner”というブロックで囲われています。
これは慣れです。（笑）
何回も見ているうちに，なんとなくコレかな？って感じでわかってきます。
この場合，”banner”の囲いのあとにアドセンスを入れればいいという事になります。
僕の場合，デザインと一体化させるために，＜ｔａｂｌｅ＞タグで色や寸法を合わせていますので，ｈｔｍｌの中にｗｉｄｔｈのような大きさの定義が無ければ，ｃｓｓを覗きに行きます。
ここで，”banner”の大きさがいくつになっているか確かめます。
見るだけですよ！決して触りません。（笑）
そして，その大きさに合わせて大きさを調整して，色を調整して，ｈｔｍｌに書き込みしていきます。
実は，何回もやり直します。（汗）
ココかな？と思ったところに，とりあえず出来上がったものを入れるのですが，結構上手く行きません。
それを，何回も切った貼ったしているうちに，お〜これがそこの意味だったんだ〜！とか，だんだんわかってきます。
個別記事のフッターの場合も，かなり苦労しました。
トラックバックURL
この記事へのコメント
まず，こういう入れたい部分付近に表示されているテキストを探します。
この周辺には，普段は表示が無くて，トラックバックが来た時に出てくる部分のソースがあるので，とってもわかりにくかったです。
そのうち，”at” ”Comments”という文字を見つけて，やっと思いの場所に貼り付ける事ができました。
というわけで，コツは無いんですね。（汗）
ただ，見てるうちに，なんとなく意味がわかってきます。
全ての意味がわからなくても，ところどころのキーワードがわかれば，なんとかなると思います。
では，カスタマイズする場合は，十分に気を付けてやって下さいね。
もしわからなければ，僕の変更している所のソースを送りますので言って下さい。
慣れたらチャレンジ？
■ライブドアブログ カスタマイズ ＳＥＯ
人気blogランキング
何故かというと，トラブルのもとですし，ブラウザによってはバグって見えてしまう可能性が，結構あるからです。
僕も，このデザインに変更した理由の１つに，以前のデザインがＩＥ６以外の方からバグって見えるといわれたこともあったのです。
またいじってますが．．．（汗）
それと必ず，もともとのｈｔｍｌソースを，コピーして大事に取っておいて下さい。
そうすれば，もし行っちゃっても（笑）もとの状態になりますし，ホントはどうだったかな？と思ったときにすぐ確かめられますから。
一応，それをご理解いただいた上で，カスタマイズについてお話しします。
まず，僕はｃｓｓはフォントサイズ以外は触りません。
まだ，よくわからないので，怖くて触れないのです。（汗）
基本的に，ｈｔｍｌの直接書き込みしかしていません。
例えば，真面目にブログを始めて，一番最初にｈｔｍｌと戦うのは，アクセス解析を設置する時ではないでしょうか。
■ライブドアブログ 無料アクセス解析の設置
これは，＜ＢＯＤＹ＞タグの下に，取得したアクセス解析のタグを貼り付けるだけなので，簡単だとは思いますが，最初にｈｔｍｌを見る時って，クラッとしますよね。（笑）
それで，例えば僕のヘッダーのグーグルアドセンスとか，フッターのグーグルアドセンスをどうやって作っていったか，簡単にお話ししますね。
ちなみに，グーグルアドセンスの設置はこちらをご覧下さい。
画像が飛んでますけど，あとでアップします。
すいませんm(__)m
■ライブドアブログ グーグルアドセンスの設置
まず，どこに何を入れるか決めて，トップページや個別ページのｈｔｍｌを探検しに行きます。
それで，その近くにある文字とか，それを意味するキーワードを探します。
例えばヘッダーの場合は，ブログタイトルとブログの説明文のあとで，サイドバーや本文の前に入れたい，という事になります。
blogtitle ブログタイトル
description ブログの説明
ちなみに，ブログ全体を”container”というブロックで囲っている感じで，タイトルを含むヘッダー部分は”banner”というブロックで囲われています。
これは慣れです。（笑）
何回も見ているうちに，なんとなくコレかな？って感じでわかってきます。
この場合，”banner”の囲いのあとにアドセンスを入れればいいという事になります。
僕の場合，デザインと一体化させるために，＜ｔａｂｌｅ＞タグで色や寸法を合わせていますので，ｈｔｍｌの中にｗｉｄｔｈのような大きさの定義が無ければ，ｃｓｓを覗きに行きます。
ここで，”banner”の大きさがいくつになっているか確かめます。
見るだけですよ！決して触りません。（笑）
そして，その大きさに合わせて大きさを調整して，色を調整して，ｈｔｍｌに書き込みしていきます。
実は，何回もやり直します。（汗）
ココかな？と思ったところに，とりあえず出来上がったものを入れるのですが，結構上手く行きません。
それを，何回も切った貼ったしているうちに，お〜これがそこの意味だったんだ〜！とか，だんだんわかってきます。
個別記事のフッターの場合も，かなり苦労しました。
トラックバックURL
この記事へのコメント
まず，こういう入れたい部分付近に表示されているテキストを探します。
この周辺には，普段は表示が無くて，トラックバックが来た時に出てくる部分のソースがあるので，とってもわかりにくかったです。
そのうち，”at” ”Comments”という文字を見つけて，やっと思いの場所に貼り付ける事ができました。
というわけで，コツは無いんですね。（汗）
ただ，見てるうちに，なんとなく意味がわかってきます。
全ての意味がわからなくても，ところどころのキーワードがわかれば，なんとかなると思います。
では，カスタマイズする場合は，十分に気を付けてやって下さいね。
もしわからなければ，僕の変更している所のソースを送りますので言って下さい。
慣れたらチャレンジ？
■ライブドアブログ カスタマイズ ＳＥＯ
人気blogランキング
何だかんだでA8.netが一番使いやすいです！
トラックバックURL
コメント一覧
1. Posted by ＨＪ 2005年09月21日 11:24
ＨＤさん！こんにちは。ＨＪ(はじめ)です！
夜勤終了です。フォー！
ﾌﾞﾛｸﾞ開設しました。
http://blog.livedoor.jp/t_hazime/
こちらもよろしくお願いしますです。
フォー！
既存のﾌﾞﾛｸﾞはコミュニティーをメインにします。
以上報告 フォー！
ポチッ！
おじゃましました。
2. Posted by ひでまろ 2005年09月21日 12:01
どうも〜 ＨＪさ〜ん ＨＤで〜す（笑）
そ〜ですか〜 やっちゃいましたか〜
いいですよ〜 スゴくいいですよ〜
今からチェックしに行きますよ〜
ブログ開設 フォー！ ヾ ^_^
そ〜ですか〜 やっちゃいましたか〜
いいですよ〜 スゴくいいですよ〜
今からチェックしに行きますよ〜
ブログ開設 フォー！ ヾ ^_^
3. Posted by イセン 2005年09月21日 22:02
ISで〜す（＾＾）
カスタマイズ慎重にやらないと大変ですね〜
だめだぁ〜 HJさんの圧勝だ〜
出直しま〜す フォー！！
カスタマイズ慎重にやらないと大変ですね〜
だめだぁ〜 HJさんの圧勝だ〜
出直しま〜す フォー！！
4. Posted by ひでまろ 2005年09月21日 22:16
イセンさん どうもです〜
今おじゃましたのですが，ライブドアのポンコツが，コメントもさせてくれませんでした。（汗）
仕事になりません。
いい加減にして欲しいものです。
ＨＪのテンションは，気にしないでくださいね。（笑）ヾ ^_^
今おじゃましたのですが，ライブドアのポンコツが，コメントもさせてくれませんでした。（汗）
仕事になりません。
いい加減にして欲しいものです。
ＨＪのテンションは，気にしないでくださいね。（笑）ヾ ^_^
5. Posted by ノモト 2005年09月21日 22:31
ノモトです。
勉強させていただきました〜。
ボクにはひでまろさんが思っているような、
アフィリエイトの実績も経験も無いんですよ（T_T）
基本的にアイディア勝負のアフィリ暦４ヶ月目のペーペーでございます。
なのでココで勉強させてもらっております。
勉強させていただきました〜。
ボクにはひでまろさんが思っているような、
アフィリエイトの実績も経験も無いんですよ（T_T）
基本的にアイディア勝負のアフィリ暦４ヶ月目のペーペーでございます。
なのでココで勉強させてもらっております。
6. Posted by ひでまろ 2005年09月21日 23:19
ノモトさん どうもです〜
ホントですか？(^^)
最近，僕も周りに煽られてまして，考え方を急展開しております。
一緒に勉強して行きましょうねえ〜 ヾ ^_^
ホントですか？(^^)
最近，僕も周りに煽られてまして，考え方を急展開しております。
一緒に勉強して行きましょうねえ〜 ヾ ^_^
7. Posted by ひ 2005年09月21日 23:49
ひでまろさん、
コメントいいただいたのに、
返事が遅くなってごめんなさい。
アドセンスはsachiさんが丁寧に教えてくれたので、すぐにはれましたョ。
ドンマイ、ドンマイ。
気を使いすぎだよ。そんなに気を使いすぎると，はげるよ。
読んだよ、
結構苦労して貼ってたんだね。
記事を書いていただいてありがとうございます。
ライブドア解体新書
http://myenglish.hp.infoseek.co.jp/livedoor.htm
って知っていますが？HTMLの構造この様になっているのかと，つい最近知りました。
変数の意味さえ知らないで、僕やっていました。はずかしいっすよ。
でも，意外と知らない人多いのかも？
ひでまろさん解体新書よみましたよ。
おめどとう、認めてもらえてよかっですね。もっと，解体して欲しかった
けど？
長くなって、ごめんなさい。
コメントいいただいたのに、
返事が遅くなってごめんなさい。
アドセンスはsachiさんが丁寧に教えてくれたので、すぐにはれましたョ。
ドンマイ、ドンマイ。
気を使いすぎだよ。そんなに気を使いすぎると，はげるよ。
読んだよ、
結構苦労して貼ってたんだね。
記事を書いていただいてありがとうございます。
ライブドア解体新書
http://myenglish.hp.infoseek.co.jp/livedoor.htm
って知っていますが？HTMLの構造この様になっているのかと，つい最近知りました。
変数の意味さえ知らないで、僕やっていました。はずかしいっすよ。
でも，意外と知らない人多いのかも？
ひでまろさん解体新書よみましたよ。
おめどとう、認めてもらえてよかっですね。もっと，解体して欲しかった
けど？
長くなって、ごめんなさい。
8. Posted by アフィリエイトマン 2005年09月22日 01:03
こんばんは/
私はブログに関してはあまりカスタマイズしていないんですよ。どうせならサーバ借りてMovableTypeで好きにやった方が・・・と思いつつサーバをいつまでも借りないってのをやってますｗ
私はブログに関してはあまりカスタマイズしていないんですよ。どうせならサーバ借りてMovableTypeで好きにやった方が・・・と思いつつサーバをいつまでも借りないってのをやってますｗ
9. Posted by ひでまろ 2005年09月22日 06:26
ひでぼうさん どうもです〜
そうですか，ｓａｃｈｉ先生が教えてくれましたか。（笑）
天然そり込みが，徐々に上昇中ですよ。（汗）
ライブドア解体新書，拝見しました。
いやあ，実にもったいない。
バナーがチカチカで見る気がしなくなってしまいました。
せっかく良いコンテンツをお持ちなのに．．．
ホントはいきなり閉じたくなったけど，ひでぼうさんのお薦めだから，ガマンして見てみたんだけど，絶えられませんでした。（笑）
ひでまろ解体新書，恥ずかしいけど，ウレシかったですよ。
ひでぼうさん，あれ以上解体できないっすよ。
いっぱいコメントしてくれてサンクスですよ〜ヾ ^_^
そうですか，ｓａｃｈｉ先生が教えてくれましたか。（笑）
天然そり込みが，徐々に上昇中ですよ。（汗）
ライブドア解体新書，拝見しました。
いやあ，実にもったいない。
バナーがチカチカで見る気がしなくなってしまいました。
せっかく良いコンテンツをお持ちなのに．．．
ホントはいきなり閉じたくなったけど，ひでぼうさんのお薦めだから，ガマンして見てみたんだけど，絶えられませんでした。（笑）
ひでまろ解体新書，恥ずかしいけど，ウレシかったですよ。
ひでぼうさん，あれ以上解体できないっすよ。
いっぱいコメントしてくれてサンクスですよ〜ヾ ^_^
10. Posted by ひでまろ 2005年09月22日 06:30
アフィリエイトマンさん どうもです〜
それ，わかります。（笑）
カスタマイズは別に必要ないですしね。
気持ちの部分が大きいですから。（笑）
ＭＴはやってみたいけど，なんかアレですよね。
僕はナウでヤングなロリポップで借りてますから，その気になればいつでも行けるのですが，なんだかアレなんですよね〜 ヾ ^_^
それ，わかります。（笑）
カスタマイズは別に必要ないですしね。
気持ちの部分が大きいですから。（笑）
ＭＴはやってみたいけど，なんかアレですよね。
僕はナウでヤングなロリポップで借りてますから，その気になればいつでも行けるのですが，なんだかアレなんですよね〜 ヾ ^_^
11. Posted by ダイスケ 2005年09月22日 07:20
ひでまろさん
＞これからもダイスケさんからパワーをもらって，
＞動くために準備します。ヾ ^_^
これ↑待ってました！！
ひでまろさんは、たくさん知識を持っているし、
行動力もあるし、やらないとひじょ〜にもったいないですよ！
＞これからもダイスケさんからパワーをもらって，
＞動くために準備します。ヾ ^_^
これ↑待ってました！！
ひでまろさんは、たくさん知識を持っているし、
行動力もあるし、やらないとひじょ〜にもったいないですよ！
12. Posted by ひでまろ 2005年09月22日 07:37
ダイスケさん どうもです〜
お待たせしました。（笑）
今，周りがどんどん動き始めた中で，自分が手に入れたい環境を作るのに必要な事が，徐々に明確に理解できました。
大した事ありませんが，アイデアも形になりつつあります。
頑張りますよ！ありがとうございますm(__)m
お待たせしました。（笑）
今，周りがどんどん動き始めた中で，自分が手に入れたい環境を作るのに必要な事が，徐々に明確に理解できました。
大した事ありませんが，アイデアも形になりつつあります。
頑張りますよ！ありがとうございますm(__)m
13. Posted by サト 2005年09月23日 03:38
はじめまして（*^_^*）起業倶楽部（市川組）に入りましたサトです！！
パソコンも、eービジネスも全然解らない超初心者です！
本当に右も左も解らない新参者ですが、これから色々と教えてください（●＾o＾●）
よろしくお願いします！！
パソコンも、eービジネスも全然解らない超初心者です！
本当に右も左も解らない新参者ですが、これから色々と教えてください（●＾o＾●）
よろしくお願いします！！
14. Posted by ひでまろ 2005年09月23日 07:05
サトさん どうもです〜
はじめは誰でもわかりませんから，１つずつ覚えていきましょう。
謎があったらなんでも聞いてくださいませ。
また遊びに来て下さいね。ヾ ^_^
はじめは誰でもわかりませんから，１つずつ覚えていきましょう。
謎があったらなんでも聞いてくださいませ。
また遊びに来て下さいね。ヾ ^_^
