無料ブログ テンプレート カスタマイズ； 200702

◎DTI ブログ専用 SEO対策テンプレート（dti_001-2r）

　DTI ブログ専用のSEO対策テンプレートを作ってみました。

　●サンプルブログ ⇒ とりあえず無料ブログDTI
　　※DTIでは、テンプレごとのプレビューが表示できないので変更になっている可能性あり
　　※DTI ブログ以外では、ご利用できません。

　● 無料blog「DTIブログ」の特徴

■特徴
　※２カラム;（枠固定タイプ）
　※背景画像は桜（さくら）
　※記事部分、カテゴリー部分ごとにタイトル表示


■dti_001-2r テンプレートのソースはこちらから！
　※注意：会員様のみ閲覧できます。
　　⇒ SEO対策仕様ブログ テンプレート 無料会員募集

記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

◎ ブログ＆ホームページ ツール（パーツ） 一覧
　　　> ２　> ３　> ４　> ５　> ６　> ７

★ 似顔絵イラストメーカー
★ Google ページランク、バックリンク、インデックスを表示させるツール
★ 無料レンタルCGIサービス （一つのタグで複数のSEO対策ツールが設置可能）
★ 無料でホバーウィンドウ（ドロップインウィンドウ）が設置できます！
★ あなたのブログのお値段は？とは
★ トラックワード（ブログSEO専用キーワード分析ツール）
★ ブログの作成から投稿までサポートするソフト 「ubicast Blogger」
★ 無料 Flash素材 ニュースタグ 今日は何の日？
★ リアルタイムでビジター数がわかる無料カウンター
★ ブログをRSS登録してもらうための無料ツール
★ ホームページ（Webサイト）サムネイル自動作成
★ Web2.0風ロゴ画像を簡単に自動作成
★ 自動トラックバックのトラバわんにゃん
★ Googleページランク、インデックスページ数、バックリンク、アクセスカウンター表示ツール
★ Google/MSN/Yahoo別データ表示ツール 「SEO Stats」
★ ブログツール「ただいま放送中」＆「ＮＨＫ時計」
★ ウェブブラウザを使ったウェブログへの投稿を支援するフリーソフト
★ レポート機能つきのシンプルで使いやすい無料アクセスカウンター
★ アクセス解析機能つき無料アクセスカウンター
★ ディズニーキャラのアイコンが使えるAsk.jp 無料ツールバー
★ ブログ ツール 「まる。てん.てん・=ほし★」
★ IT用語リストを表示するプラグイン
★ 長いURLを短くする便利な無料URL圧縮ツール（サービス）
★ Blog Pet（ブログペット）
★ ブログやニュース・情報配信サイトの情報を表示するツール
★ アフィリエイトサービスも利用できるブログパーツ「FLO:Q」
★ 無料のSEO対策用ブログパーツ＆アクセスカウンター
★ 漢検DSプレゼンツ都道府県対抗漢字バトル

◎ 漢検DSプレゼンツ都道府県対抗漢字バトル

漢字が書けない現代日本の中で、最も漢字が書ける都道府県はどこでしょうか？
あなたの漢字力がランキングに反映されます。
このブログパーツを、あなたのブログに貼り付け、ブログを訪れた友達にも挑戦してもらいましょう。

▼ 表示例


▼ サイトの表示させたい部分に以下のHTMLをコピーしてください。
<script type="text/javascript" encoding="UTF-8"
src="http://www.kanken-ds.jp/parts/d5bc2cd02fd01d527e23f9a940b7c2ac4109ed67.js"></script><noscript><a
href="http://www.kanken-ds.jp/">漢検DS</a>サイドパーツはJavascriptが利用できる環境でのみ遊べます。</noscript>

※サイドパーツはJavascriptが利用できる環境でのみ遊べます。
　Javascriptが利用できるかどうかは、登録されているブログサイトへお問い合わせ下さい。

記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

　● 財団法人 日本漢字能力検定協会 公認 漢検DS　（ゲームソフト）

◎ブログタイトルを画像で表示する

ブログタイトルをテキストではなく、画像で表示する場合には、以下のようにタグを変更して下さい。

▼ デフォルトのタグ
<h1 id="title"><a href="<%url>"><%blog_name></a></h1>

▼ タイトルを画像で表示する場合
<h1 id="title"><a href="<%url>" title="<%blog_name>"><img
src="画像へのパス" alt="<%blog_name>" width="横幅"
height="縦幅" border="0"></a></h1>

● ブログタイトルを画像で表示する際の注意点（※ ＳＥＯ対策として）

記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

◎ 背景色（画像）変更方法

以下のスタイルシート（CSS）の赤字部分を変更してください。

■ ブログ全体の背景色を変更する場合

body {
background-color : #123456;
}

　※参考； HTMLリファレンス - カラー編（RGB）


■ ブログ全体の背景画像を変更する場合

body {
background : #123456 url("画像へのパス（URL）");
}

　※備考； "#123456" は、背景画像が表示されない時に表示する色を指定

　▼ 背景画像の位置を指定する場合
　　body {
　　background : #123456 url("画像へのパス（URL）") no-repeat fixed 50% 30%;
　　}
　　　※「no-repeat fixed 50% 30%」を追加 （”50% 30%”は、縦、横の配置位置の割合）

　▼ 背景画像を固定する場合
　　body {
　　background : #123456 url("画像へのパス（URL）") fixed;
　　}
　　　※「fixed」を追加

● 関連する記事
　※背景イメージを指定するCSS＆背景画像（フリー素材）
　※ブログタイトル部分の背景色（画像）を変更する
　※メニュー部分の背景色（画像）変更方法

▼ 関連カテゴリー
　※スタイルシート（CSS）
　※HTML タグ 関連解説
　※JavaScript （ジャバスクリプト）
　※ブログ カスタマイズ 方法
　※HTML・CSS・JavaScript 解説本
　※ブログ関連 本・書籍・ブック

記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

◎ IE でスタイルシートを無効にする方法

● Windows Internet Explorer の場合

スタイルシート（CSS）を完全に無効にすることは出来ませんが、色（文字色や背景色など）とフォントスタイル、フォントサイズのみ、HTMLで指定したスタイルシート（CSS）の適用を無効にすることが出来ます。

【手順】

１、「ツール」メニューから「インターネットオプション」を選択する。
２、「全般」タブの中の「ユーザー補助」を選択する。
３、「Webページで指定された色を使用しない」、「Webページで指定されたフォントスタイルを使用しない」、「Webページで指定されたフォントサイズを使用しない」の適用させたいチェックボックスにチェックを入れることにより、指定したスタイルシートを無効にできます。

　※ IE でスタイルシートを無効にする方法（図解入り）

記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

HTML&スタイルシート デザインブック―付録CD‐ROMのテンプレートですぐできる エビスコム (2004/01) ソシム この商品の詳細を見る Webページの主なデザインパターンを取り上げ、基本的なレイアウトの構造やバランス、デザインのポイントをまとめる。Webページとして完成させるための制作課程も詳細に網羅。そろそろバランスを考えてデザインしてみませんか。

目次
1 トップバーを入れたスタイル
2 サイドバーを入れたスタイル
3 トップバーとサイドバーを入れたスタイル
4 トップバーと3段組のスタイル
5 ボックススタイル
6 パワーアップアレンジ

【カスタマーレビュー】

労作
装飾をCSSに委ねるとき、一部ではなく全てを任せよ、という原則があります。元々CSSは、そのように使うものとして設計されているのです。しかし実際にCSSでデザインしていくと、各部分のデザインはうまくいっても、レイアウトで躓きがちです。本書はCSSデザインの最難関、「レイアウト」について真正面から取り組んだ労作です。

本書はHTML文書の装飾を全てCSSに任せるという大方針のもと、5種類の基本的なレイアウトに焦点を当てて解説しています。レイアウトのバランスについての記述は秀逸です。しかしなんといっても本書の白眉は、実際の製作過程を詳細に追っていることでしょう。初級者の方には、本書の解説を「手で追う」ことをお勧めします。完成形を眺めるだけでは見えてこないものがたくさんあります。

本書の難点は、HTML周りの記述にあります。div要素に頼り過ぎた作例、要素とタグの同一視など。HTMLの正しい使い方、アクセシビリティー関連の話題については、別に学ぶ必要があります。しかし「レイアウトとCSSの解説書」と割り切れば、有用な一冊ではないでしょうか。

HTMLとスタイルシートによる最新Webサイト作成術―ホームページでなにを伝える?どう作る? (2002/12) エクスナレッジ この商品の詳細を見る 実際にインターネット上に公開できるレベルのWebサイトを作る解説書。HTMLとスタイルシートの両方を学び、表現力があり、より見栄えのするページをつくる最新のテクニックを伝授する。テーマ選び、ページの構成方法からHTML、スタイルシートまでホームページ作りの基本をやさしく理解できる。

目次
Webサイトのテーマを決める
HTMLの基礎知識
本文を作る
画像を表示する
表を作る
リストを作る
ページの公開とメンテナンス〔ほか〕

【カスタマーレビュー】

「最初の1冊」に最適
HTMLとCSSをそれぞれ本来の役割にしたがって使う方法を解説したWebサイト作成の入門書。「なぜ?」を起点にていねいな解説が行われている好著です。本書では、ごく自然にHTMLによる文書構造を明示する考え方とCSSによるデザインを紹介しています。またサイトのコンセプトを考える段階から完成後の更新まで、幅広くサイト作成時の留意点を押さえており、「最初の1冊」に最適ではないかと思います。類書「スタイルシートWebデザイン」とは異なり語り口が柔らかく、世間に広まった間違った考え方を論破しようとする迫力はありません。なので、ガツンといわれるとつい反発してしまうような方が正しい HTMLとCSSの使い方を再勉強するのにも向いています。入門書なので、再勉強に使う方は知識の拡充には期待せず、HTMLとCSSを使う「考え方」を重点的に学ぶとよいと思います。

なお、HTMLとCSSの使い方を正しく説明する入門書もようやく増えてきましたが、本書はとくに「HTML&スタイルシートレッスンブック」「Webスタイルシート・デザインガイド」等の類書よりもHTMLの解説が正確です。

Dr.BlogのMovable Typeスタイルデザイン&テンプレート集 フィールド (2005/04) ソーテック社 この商品の詳細を見る 他人と同じで満足ですか? カスタマイズで個性あふれるブログを作ろう! Movable Typeを使ってブログを魅力的に見せるテクニックを紹介。すぐに使えるサンプルスキン77点を収録。こんなに違う、ブログデザインBefore & After。

目次
1 Movable Typeを使ってみよう
　・Movable Typeでブログをはじめよう!
　・Movable Typeのダウンロードとインストール ほか
2 スタイルシートだけでもこれだけできる
　・スタイルシートを変更しよう!
　・Movable Typeで使われるIDとクラス ほか
3 テンプレートを変えればレイアウトも自由自在
　・テンプレートを変更しよう!
　・Movable Typeで使われるテンプレートタグ ほか
4 Movable Typeカスタマイズ実践編
　・CD‐ROM収録テンプレートの使い方
　・基本の2カラムレイアウト「ピンクフラワー」 ほか
Appendix テンプレートタグ&スタイルシート一覧

【カスタマーレビュー】

初心者向けの「テンプレート集」活用教本
MovableType の入門書です。本書は「初心者ユーザが、付録 CD 収録のテンプレート集を活用するための技能を身につけ、HTML や CSS について不勉強なままきれいなブログを運営できるようになるための本」です。

MT のテンプレートは、一般人向けの画像素材などと異なり、簡単には扱えません。MT の基本的な仕組みと考え方、テンプレートの構成、スタイルシートの初歩、HTML の断片的な知識などが身についていないと、サッパリ理解できない作業を要求されて挫折します。

そこで本書は、アッサリ割り切った紙面構成と解説スタイルを採用し、システマティックに技能を高められるよう工夫しています。先生と生徒の対話形式も楽しい。紙面はカラーでイラストも豊富です。ていねいに読み進めば、不安は何もありません。類書「即実践!ブログ徹底カスタマイズ術」よりは、本書を勧めます。

最後に注意点をひとつ。
本書を読んで HTML や CSS を「わかったつもり」にならないこと。テンプレートタグも、巻末付録だけ眺めたって全貌を理解することは困難です。「本書の先にある領域」へ進むためには、多く学習ステップが必要です。限界を知りつつ使うなら、素晴らしい1冊といえましょう。

◎ ページランク表示SEO対策用アクセスカウンター SEO-Stats

無料のSEO対策用ブログパーツ＆アクセスカウンター「SEO Stats」は登録無し・無料で使えるSEO対策カウンター・ホームページアクセサリ・ブログパーツです。Googleページランクはもちろん、Google、Yahoo、MSN各主要検索エンジンの被リンク数やページ登録数もチェックできます。

SEOチェック機能以外にもカウンター機能も充実しており、ユニーク＆ページビュー単位で今日、昨日、全ての3種類で計測、また現在サイトにアクセスしているオンラインユーザー数まで計測できます。

どの機能を使うかは自由に選べ、パーツの色も自由に選べます。

▼ 表示例

GBL ： Google が認識しているあなたのサイトへの外部リンク数 GIP ： Google が認識しているあなたのサイトの登録ページ数 MBL ： MSN が認識しているあなたのサイトへの外部リンク数 MIP ： MSN が認識しているあなたのサイトの登録ページ数 YBL ： YST（Yahoo!） が認識しているあなたのサイトへの外部リンク数 YIP ： YST（Yahoo!） が認識しているあなたのサイトの登録ページ数 ABL ： Alexa が認識しているあなたのサイトへの外部リンク数 TUV ： 今日の訪問者数　　　TPV ： 今日のページビュー数 YUV ： 昨日の訪問者数　　　YPV ： 昨日のページビュー数 AUV ： 訪問者数合計　　　　APV ： ページビュー数合計 users online ： 現在、アクセスしているユーザーの人数

　※ 無料のSEO対策用ブログパーツ＆カウンター「SEO Stats」はこちら


記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

2/4（日）、テレビ東京（１２チャンネル）で、「経済スペシャル　逆転の時代〜進化するＩＴ最前線」
（１６：００〜１７：１５）という番組の中で、Googleアドワーズの関連の話題が放送されます。

番組では、一時期、厳しい経営状態に追い込まれていた、ある町工場で看板製作を営んでいた会社が、キーワード広告（Googleアドワーズ）を利用し、売上げ２０倍を達成したことを取り上げ、その町工場と検索世界最大手・アメリカ・グーグル本社を直撃取材する。

他にも、ＩＴ（インターネット）関連の情報を紹介するようなので、ＩＴ（インターネット）関連に興味のある方は、ぜひ、ご覧になってください。

記事の内容にご満足戴けましたならクリックをお願いします ↓
　 ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

※ 参照元の検索エンジンのアクセス統計：解析対象ヒット回数 8,567

　# Google 　　 6471 (75.53%)
　# Yahoo!JAPAN 　　 1494 (17.44%)
　# goo 　　 169 (1.97%)
　# MSN Search 　　 133 (1.55%)
　# Biglobe 　　 116 (1.35%)
　# @nifty:@search 　　 71 (0.83%)
　# OCN Seach 　　 50 (0.58%)
　# InfoSeek Japan 　　 37 (0.43%)
　# Livedoor 検索 　　 13 (0.15%)
　# Excite Japan 　　 5 (0.06%)
　# kids.goo.ne.jp 　　 4 (0.05%)
　# AOL Search 　　 3 (0.04%)
　# soso.com 　　 1 (0.01%)