カスタマイズ講座 〜 アイコン編 〜

デビアアイコン♪
陽のあたる場所の ｍａｓａｓｈｉ さん が

アイコン を作って下さいました！！

しかも 私の為に ですよ♪
Ｏ(≧▽≦)Ｏ ワーイ♪


早速ありがたくダウンロードさせて頂いて、使っちゃいます♪
(o￣ー￣o) ムフフ


どうどう？
みなさんのとこでもちゃんと表示されてますか〜？
↑こんな感じになってると思うのですが。

私は ｉｃｏ ファイルって今まで作った事なかったのですが、結構簡単に設定出来ちゃうもんなんですよ。


それでは説明させて頂きます。


まず ｉｃｏ ファイル（ｉｃｏの拡張子の画像）を用意します。
私は ｍａｓａｓｈｉ さんとこ からもらって来たそのまんまです。
ｇｉｆ や ｊｐｇ 画像を ｉｃｏ ファイルに変換するソフトとかもあるようなので、そういうので作ってもいいですね。

それを自分のサーバーにＵＰロードします。
普通に「ファイルアップロード」すればＯＫ♪
この画像も、ブログファイルの中にアップされてます。


それを表示する為に、「デザイン編集画面」にて、少しタグを追加します。

<head> 〜 </head> の間に、どこでもいいから以下の文を入れて下さい。
<link rel="SHORTCUT ICON" href="○○○.ico">

私がＵＰした画像ＵＲＬが、icon-de.ico なので、この場合このようになりました。
<link rel="SHORTCUT ICON"
href="http://1.dtiblog.com/h/hazuki/file/icon-de.ico">

ブログの場合、ファイルの格納庫と、テンプレの場所が違っていますので、画像ＵＲＬも絶対値（http://から始まるファイル名）で表示しないといけないと思います。
タブ切り替えのアイコン
それを保存すれば完了です♪
ね、簡単でしょ。(*´∇｀*)




ｍａｓａｓｈｉ さんのとこでアイコンを配布 されてたり、無料の素材屋さんなどを探してみると、たまに配布されてたりもしますので、自分で作らなくても使えたりします。

その際は、出来るだけ「使わせて下さい♪」などと一言添えて使いましょうね〜。

再配布は厳禁 ですよ〜。



そのようにしてアイコンを表示させたわけなのですが、このアイコンはアドレス欄の左端に表示されるだけじゃなく、お気に入りに入れた時のマーク としても表示されます。

ていうか、そっちが本命です（笑）
詳しくは こちらに載ってﾏｽ。


普通はみんなアイコン一緒だから、いっぱいお気に入りが並んでいるとわかんなくなっちゃうんですけど、アイコンが違ってると結構目立ちます♪(￣∇+￣)vキラーン

私なんかは、お気に入りにだけとりあえず入れとくんだけど、その後ほとんど行ってないサイトとかがいっぱいある人なので（笑）、整理とかもしやすいし、いいな〜って思ってます。
…まぁ、今までは素材作るのが手間なので出来ませんでしたけど（笑）


ツマミちゃんアイコン


せっかくなので、先日ダウンロードして来た

「くわがたツマミ」ちゃんのアイコン も、

デスクトップアイコンとして使ってしまいましょう！
全然関係ありませんけど〜っっ　≧(´▽｀)≦アハハハ


ツマミちゃんアイコンは、こちらで配布されてます。
「UPDATE」の中を探すとダウンロード出来ます。
いつまで置いといてくれるのかはわかりませんが（笑）


変更の仕方は以下になります。

右クリック
まずは圧縮されてますので、適当な場所に解凍して下さい。
デスクトップの何もない所で右クリックをすると、←こんなのが出て来ます。
そしたら「プロパティ」を選びましょう。

「画面のプロパティ」というのになります。
その中のタブの、「デスクトップ」をクリック。
「デスクトップのカスタマイズ」というのをクリック。

ここで、「マイコンピュータ」　「マイドキュメント」　「マイネットワーク」　「ごみ箱」　のアイコンを変更出来ます。

そのアイコンをクリック→ 「アイコンの変更」→ 「参照」をクリックして、先ほど解凍したフォルダの中から、好きな画像を選びます。
後は「ＯＫ」をクリックしていけば、表示が変わってると思います。



それじゃ〜、それ以外のアイコンの変更方法は？
試しにやってみましょう。


んじゃ、この 「backup」 フォルダのアイコンを変更してみましょうか。

変更したいアイコンの上で右クリックします。
メニューが出て来ますので、これも「プロパティ」を選んで下さい。

カスタマイズ


三つタブがあると思いますが、その中の「カスタマイズ」を選びます。
一番下の「アイコンの変更」をクリック→ 「参照」してＯＫして行けば表示されます。

お気づきかと思いますが、ツマミちゃんアイコンを表示したら、青いいつものウィンドウじゃ合わなかったので、そっちも変更してみました♪
まだ目が慣れてません（笑）


このようにして、人とちょっと違ったオリジナルを取り入れてみると、より一層パソコンに愛着が湧く事請け合いです★(o￣ー￣o) ムフフ
みなさまも、一度お試し下さいませ〜っっ


【2006/08/14　19:07】　カスタマイズ講座　アイコン編 | TRACKBACK(-) | COMMENT(0)
top>>

カスタマイズ講座 〜 アフィリエイト編 〜

最近ＤＴＩブログを徘徊して思う事があります。




中身のないブログってどうよ？


ってね。




余計なお世話なのかも知れないけど、ちょっと多く感じてしまいます。


しかもそういうのがランキング上位とかだと、

はっきり言って　『萎え』ﾏｽ。



ランキングが上位って事は、

イコール「みんなが見に行きたくなるようなサイト」、
もしくは「中身の濃いサイト」とか、
「お手本にしたくなるようなサイト」

とかをイメージしてしまいます。


これは勝手なイメージなのかも知れませんが、ランキングが上位だとついそう思ってしまうのが人情なのです。



別に、アフィリエイトの為にブログやるのがいけないとは思いません。
それも十分な動機だと思います。

でもね。




それだけじゃつまんないんだよ！！！



ただ単に、商品の説明ばっかりやってるんだよ？
それ見てどうしろって言うの？
そんなんで購買意欲が出るとでも思ってんの？


まぁ、商品の紹介ばかりが悪いとは思わないんだけど、紹介の仕方にもよると思うの。

アフィリ元の紹介文そのまんま　とか。

商品の関連性が全く無い　とか。



せめてもうちょっと頭を使いましょうや。
そのサイト独自の色が欲しいのですよ。


「私は○○が紹介したい」 ってのに絞りましょう。


自分が 電化製品 好きなら、そればっかりの情報を集めてみましょう。
専門性が高まれば高まるほど、購買者も増えるはずです。

自分が お菓子 好きなら、色んなお菓子の情報を集めてみましょう。


私が求めるなら、一番いいのが「紹介して、それを 紹介者が使っている」事。
消費者の生の声って大きいと思うんですよ。

まぁ、全部使うってのは至難のワザですね。(ーー;)


それなら、こういうのはどうでしょう。
「使った事はないけど、独自の情報を持っている」事。

これなら結構出来るんじゃないですか？


例えば私の記事。
おこしもち　の場合。


知らない情報は、検索して調べます。
そして実際のレポートを事細かに。
出来るだけ読んでる人が「面白い」と思ってもらえるように（笑）。
あれば写真付きの方が嬉しいです。

そして自分の感想も、良かったにしろ悪かったにしろ、書いた方がいいですね。
むしろ、それが一番知りたいとこだったりするから。


全部が全部、「これって最高！！」とかの褒め称える商品しかないと、見てる人は逆に「ここはほんとに信頼できるのか？」と思ってしまいます。
全然良くない場合は、正直に「良くない」と書いておきましょう。


それが売れなかったとしても、別に 自分の腹は痛みません（笑）


自分がそれを判断出来なければ、検索して使った人の情報を集めましょう。
その為のネットです。
情報こそ命なのですよ。

「この商品は、どうやら世間ではこのように言われています。
まだ使った事ないんですけど、ちょっと気になってるんですよね〜」
などという書き方でもアリなんじゃないですかね。

それを見た人は「これってそうなんだ〜。ほんとにそうかな？ちょっと見てみようかな」などと思うかも知れません。
興味を引かせる事こそが大切なのではないかと思うんですよ。



まぁ、こんな事を思っておりました。
私も偉そうな事言える人間ではないのですが、単純に

面白いサイトが見たい♪

っていうだけだったりもします（笑）


【2006/08/13　19:05】　カスタマイズ講座　アフィリエイト編 | TRACKBACK(-) | COMMENT(0)
top>>

カスタマイズ講座 〜 ＳＥＯ編 ２ 〜

カスタマイズ講座のＳＥＯ編その２です。


さてさて、「ロボット巡回を見定める」っていうのはどういう事？
きっとそう思いましたよね。


例えば今日、あるサイトで「ＳＥＯに絶対有効！」って技を拾って来たとします。
早速自分のサイトに、その技を入れ込みますよね。


でも、すぐにそれが反映されるわけではありません。

まだロボットが来てないからです。



検索ロボットはあくまでロボットなんです。

勝手に巡回するんです。

お願いしたからって来てくれるわけではありません。

いつ来るのかなんて、誰がわかってるっていうの？



はい。
そこで注目すべきが、ＤＴＩブログに今回導入されたアクセス解析です。

どのロボットが何日に何回来てるか、わかるでしょ？


それってすごい事なんですよ。
ほんとに。


普通のアクセス解析では、そういうのは全然わかりません。
検索元や検索ワードなんかはわかるけど、その中にロボットは居ません。
隠れちゃってます。

だから、みんな検索サイトで確認するんですよ。

「今自分のページは どの辺の順位に位置するのか？」って。
毎日毎日にらめっこ。


すると、今までと違う技を仕入れてから何日かして、初めて順位が変動します。
上がる事もあれば落ちる事もある。

それを見ながら、仕入れた技が有効か無効かを判断するのです。


でも、すぐ変動すればいいけど、全く効果のない場合もあります。
その場合、いつまでもいつまでも「まだかな〜」って待ってなきゃいけません。



だって、ロボットが見に来てるのか　すらもわからないんだもん。


もしかしてまだ見に来てないだけかも知れないし。
そういう事もありますからね〜。


目当てのロボットが来てて、それでも全然変わっていなければ、すぐに次の手が打てます。
有効な手が見つかり易いわけですわ♪




そんなわけで、ロボット巡回がわかるという、

今回のアクセス解析の素晴らしさ わかってもらえましたか？



ロボットのご機嫌を伺いながら、少しずつＳＥＯ対策して行きましょうね〜♪
過ぎたるは及ばざるが如し、ですよ？



【2006/08/12　19:04】　カスタマイズ講座　ＳＥＯ編 | TRACKBACK(-) | COMMENT(0)
top>>

カスタマイズ講座 〜 ＳＥＯ編 １ 〜

カスタマイズ講座のＳＥＯ編です。

ＳＥＯを研究してらっしゃるとこがいっぱいあるので、ウチではやらなくていいかな〜って思っていたのですが、ちょっと質問を頂いたので、せっかくだからやってみることにしました☆


まず一回目ってことで、ＳＥＯとはなんぞや ってのをやりましょう。


ＳＥＯとは検索エンジン最適化。
つまり、検索エンジンにどれだけかかり易くするのかっていう技なんです。

なんでみんな検索エンジンにそんなにこだわるのでしょうか？


それはね、せっかく自分が書いたものを、ただ書いただけで終わらせたくないんですよ。
一生懸命面白い事書いても、自分だけしか見ていないんじゃ〜、自宅でノートに日記書いてるのと一緒。
ネットでやってる意味がない。

なるべくなら、他の人とも交流したい。
自分を知ってもらいたい。
自分の声を聞いてもらいたい。

そんな気持ちがあるでしょ？


自己満足にしか過ぎないのかも知れないけど、そんな気持ちがなければ、サイトやってる意味ないじゃん。



そして、アフィリエイトをやっていれば、自己満足には留まりません。

ＳＥＯ＝収入ＵＰ なのです。


見に来る人が増えれば、それだけ買う確立が高くなります。
１％の売上しかなかったとしても、一日に千人の来客があり、その中の１％なら１０人買った事になります。

それが、一日に１０人しか来てなかったとしたら？
１０日に一人しか買わないことになりますね〜。
単純に考えてもそんな感じなんです。


でも、世の中そんな単純には行きません。


一日に１０人しか来ないとこに、１０日待てば必ず一人買い手が付くと思いますか？
買うって事は、売り手との信頼関係です。

この場合、売り手はブロガーである私達。
買い手は、いつも来てくれて読んでくれる人達。


サイト自体が胡散臭ければ、買い手なんて付くわけが無い。
「ここでなら買ってもいいかな〜」って思えるとこで、初めて売れるわけです。

記事自体が面白くて「この人の紹介するものなら信頼出来るかも」と思わせるか。
商品の紹介文が上手だったり、サイトの作りがキレイで清潔感があったりで、商品自体の魅力を引き出せるか。

結局はその辺が大切なんじゃないかな〜って思います。



とにかく、ＳＥＯというのは、検索ロボットとの騙し合い みたいなもんです。

どれだけロボットを誘導し、検索された時、自分のサイトを最初の方のページに表示させるか。
そういう技です。

検索した時１ページ目で表示されるのと、２０ページ目で表示されるのと、どちらが来客数が多いか、なんて考えなくてもわかりますよね〜？
まぁ、そういうことです。



ここ、ＤＴＩブログにも、そういうのに躍起になってる人がたくさん居ますね。
でもやっぱりそれだけじゃ〜意味ないと思うんですよ。
サイト自体に魅力がなければね☆


ＳＥＯ対策ってのは、あまりにも色々あり過ぎて、もうどれがどれやら良くわかりません。
それが正直なとこ。

どうやら やり過ぎるとペナルティもあるらしい。
わざと、ずっと下位ページに落とされるとかね〜。


検索サイト側だってバカじゃないんですよ。
アルゴリズムを絶えず変化させて、悪質なサイトを排除しようとしてます。


だから、「これが絶対ＳＥＯに効く！！」 なんて事は言いません。

自分で調べて、どれが一番効くか判断して下さい。



そして、その為にも大切な事が、ロボット巡回を見定める って事なんですよ。


長くなったので、２に続きます。


【2006/08/11　19:01】　カスタマイズ講座　ＳＥＯ編 | TRACKBACK(-) | COMMENT(0)
top>>

カスタマイズ講座 〜 ＣＳＳ編 ４ 〜

リストタイプ
カスタマイズ講座のＣＳＳ編でございます。

今回は質問をちょっと受けまして、ひとこと掲示板で説明するにはスペースがキツいので、こちらに書くことにしました☆


まず質問内容なのですが、

『FISHのテンプレートですが、Author:hazukiの左横に有る、丸いポチポチ（で伝わるでしょうか？）を例えば、このブログの（DTIブログカスタマイズしちゃうぞっ）みたいな花に変更するには、どこをいじればいいでしょうか？
お願いします。 』

こんな感じでした。


Ｆｉｓｈテンプレのメニュー欄には、●が左端に付いてます。
それっていうのはデフォルトで、何も指定しないと付くのらしいですわ。


ＣＳＳでその形を表現する時は、以下になります。

●　li {list-style-type: dics;}
○　li {list-style-type: circle;}
■　li {list-style-type: square;}
ａ　 li {list-style-type: lower-alpha;}
A 　li {list-style-type: upper-alpha;}


ここまでは普通の表現方法。
今回のご質問のように、画像を表示させたい場合には二通りあります。


まず一つ目が、ｈｔｍｌ タグに <img> として書き込む方法。
そして二つ目が、ＣＳＳ の背景として表示させる方法。

私も最初は、タグに直接書いていたのですが、それだと座標が何度やっても上手く行かず四苦八苦した覚えがあります。
画像の種類によっては、十分それで対応出来ると思います。

ＣＳＳの背景として表示させる方なのですが、私はこの方法でやっております。
例として、このアイステンプレの記述方法を。

p {
font-size: 10px;
padding: 2px 6px 0px 24px;
margin-left: 10px;
line-height: 120%;
color: #00008B;
list-style-type: none;
text-decoration: none;
background: url(http://1.dtiblog.com/h/hazuki/file/snow-list.jpg) no-repeat left;
}

今回ちょっと実験的に、リストタグの代わりにＰで代用してみました。
また様子みながら変えようかな〜とは思います。

上から、

文字の大きさ
文字の余白
Ｐ 要素の余白
行間、文字色
リストの種類
文字装飾
背景画像（場所）繰り返し、位置

って感じに書いてあります。



あくまでも背景画像なので、ｐａｄｄｉｎｇ を指定しないと画像に文字が被ってしまいます。
何回も表示させて、ちょっとずつ ｐｘ を増やしながら様子をみましょう。

背景画像をリストマークの代わりにしたいので、list-style-type: none; は忘れずに指定して下さい。

画像も注意して作らないと、端が欠けた状態で表示される事になったりしてちょっと悲しい事も（笑）
凝ったものよりシンプル目がいいです♪


ぜひ一度お試し下さいませ〜(o^∇^o)ノ


【2006/08/10　18:56】　カスタマイズ講座　CSS編 | TRACKBACK(-) | COMMENT(0)
top>>