設置＆設定

ＰＩＸＩＥ
↑ここで表示方法とスキンを選択した後
そのすぐ下に表示されているソースをコピーします。
次に、ブログパーツを貼り付けたい場所に
コピーしたソースを貼り付けます。
ココまではＰＩＸＩＥの説明にあるとおり。
ココからの説明が少ない＆分かりにくいので、
私なりの解釈で説明を。
間違いがあったら間違ってるよ～と
教えて頂けると嬉しいですo(*,",)oぺこり

<a href="ＰＩＸＩＥで表示させる画像のＵＲＬ" title="コメント１"><img src="記事に表示させる画像のＵＲＬ" title="コメント２"/></a>

↑のようなタグがエントリー内にあれば、
その画像をクリックしたときに
同じエントリー内にある↑のタグで貼り付けた
全ての画像を全画面表示するようです。

↑のタグがRSSやATOMにあれば、
その画像がサイドパーツに表示されるようです。

ＰＩＸＩＥで表示させる画像のＵＲＬ
　http://～から始まるＵＲＬでなければいけません。

記事に表示させる画像のＵＲＬ
　http://～から始まるＵＲＬではなくても
　ＢＬＯＧに表示されればＯＫ。

ちなみに、ＰＩＸＩＥで表示させる画像のＵＲＬと
記事に表示させる画像のＵＲＬは
同じものでも、別のものでもＯＫですよ。
（記事にはサムネイルを表示する等）

コメント１
　記事の画像をクリックして出てくる全画面表示時に
　ココに入れたコメントが表示されます。
　サイドパーツをクリックしたときには表示されません。
　ここのコメントは太字にしたり色を変えたりも可能です。
　コメント１の部分を次のように変更します。
　表示されるコメントは「コメント１」の部分です。
　その前後は飾りつけのためのタグ。
　（↓文字化けしているわけではないのですよ）

＜太字にしたい場合＞

&lt;br&gt;&lt;b&gt;コメント１&lt;/b&gt;&lt;br&gt;

＜色つき文字にしたい場合＞
&lt;font color=&quot;#FF0000&quot;&gt;コメント１&lt;/font&gt;

違う色にしたい場合は#FF0000を変更します。

カラーコードは検索してみて下さいね＾＾

コメント２
　記事の画像にマウスを合わせたときに
　ココのコメントが表示されます。

具体的な作業としては、
既にエントリーしている記事の画像でも、
これから書くエントリーでもかまいませんが

<a href="画像１のＵＲＬ" title="コメント１">いつもの画像貼り付けソース</a>　

こんな感じで、記事に貼り付けた画像のソースに
緑の字の部分を加えるのです(*￣ー￣)b

難点と応用

【2007．7．6　追記】
この応用、最初はよかったのですが、
どんどん重くなって（先に気づけよ～って感じですね）
画像が表示されなくなりました(TωT)ウルウル
【追記ここまで】

記事中に頻繁に画像を加えていて
最新の画像だけを表示したい場合は
特に問題なく使えると思います。

が、たま～～～に画像を加える程度だと
画像を貼り付けてＰＩＸＩＥで表示されるように設定しても
そのエントリーが古くなるとサイドパーツには
画像が表示されなくなってしまいます。

そんな訳で応用です＾＾
若干の手間はかかってしまいますが

新しくエントリーを作成する時に
サイドパーツに表示させたい画像へのリンクを
加えておけばいいのですd(゜▽+゜)キラリンチョ☆

でも、エントリーに関係ない画像を表示させては、
違和感タップリなので、別画像を使うのです。

上でちょこっと書いたように、
ＰＩＸＩＥで表示させる画像のＵＲＬと
記事に表示させる画像のＵＲＬは
別のものでもＯＫなのです。

そんな訳で、アイコンなんかに
ＰＩＸＩＥで表示させる画像のＵＲＬへの
リンクを貼ってしまうのです。
偶然アイコンをクリックしてしまった人は
ちょっとビックリするかもしれませんが(￣▽￣;A
エントリーの見た目には違和感はないですよ。
透明の画像を利用するのもいいかも。

<a href="ＰＩＸＩＥで表示させる画像のＵＲＬ" title="コメント１">アイコンの貼り付けソース</a>

いちいち、入力していると大変なので
ＰＩＸＩＥで表示させたい画像へのリンクを貼る時のソースを
メモ帳などにコピペしておけば
エントリー作成時に、それをコピペするだけ♪

新しいエントリーならＲＳＳやＡＴＯＭにも
ちゃんと記載されていると言うわけです(￣∇￣)v

ちなみに、私の場合はお弁当の画像を
サイドに飾りたいのですが、お弁当は週１回。
その間の更新回数にもよりますが
毎日マジメに更新したとしたらサイドパーツに
表示されるお弁当画像は１つ～２つくらいでしょうか（多分）
それでは私の目的は達成されない～と言うことで、
現時点で一番新しいお弁当のエントリーに

↓このりんごアイコンにお弁当画像へのリンク
●●弁当
　　　↑この●●弁当に、●●弁当のエントリーへのリンク

このようにして過去の関連エントリーへのリンクと見せかけて
（実際にリンクなのですけどｗ）
ポイントとして利用しているアイコンに
お弁当画像へのリンクも加えることで、
サイドパーツに過去のお弁当画像も表示させています♪

メモ帳にコピペしてあるので
次にお弁当のエントリーを書くときに
前のお弁当のエントリーへのリンクを書き加えて
記事の下のほうに貼り付けるだけでＯＫなはずです＾＾

自分のＢＬＯＧで使う分には自由に改変してもいいとなっていますが
他の方に提供するのは無断ではＮＧとなっているので
詳しいメモは残せませんが、自分用の覚書としてヒントだけ。


プラグインのソースの中で

document.write(' 　?　');

と言うところの中身（?の部分）が
ＨＴＭＬとして書き出される部分（と言っていいのか？）なので

そこの<div>とかにclass="?"を付け足したり
<span class="?">　</span>でくくったりして
スタイルシートが反映されるようにしていきます。

って・・・コレだけです。
私以外の人が読んでも意味不明かな・・・m(；∇；)m　ゴメンネ
でも、ココに気づくまでにかなりの時間がかかったので
どうしても覚書を残したかったのです（*´ー`) フッ

多分、普通のＨＴＭＬのソースを見ても
何が書いてあるのか全く理解出来ないようなら
色などのカスタマイズするのは難しいと思います（;￣ー￣A あせあせ

まずは、管理画面の【テンプレートの設定】で
今使っているテンプレート（旗がついている）の
【編集】をクリックすると【HTMLの編集】画面が出てきます。
その画面の下の方に【スタイルシートの編集】がありますので
そこにリンクの設定を追加します。

【スタイルシートの編集】の一番下でいいので
↓を追加してください。

/* 最新の記事＆コメントの記事タイトルリンク色 */
.link1 a:link
{text-decoration:none;color: #696969;background-color: #ffeee0;}
.link1 a:visited
{text-decoration:none;color: #696969;background-color: #ffeee0;}
.link1 a:hover
{text-decoration:none;color: #696969;background-color: #e0f9ff;}
/* 最新の記事＆コメントのツリー内のリンク色 */
.link2 a:link
{text-decoration:none;color: #696969;}
.link2 a:visited
{text-decoration:none;color: #696969;}
.link2 a:hover
{text-decoration:none;color: #696969;background-color: #e0f9ff;}

※このままコピペする私の使っているものと同じ色になります。
　｛　｝の中を変更すると別の色に出来ますので
　ＨＴＭＬを解説しているサイト様等を参考にご自由に変更してくださいね。
　（私がよくお世話になるサイト様・・・ＣＨＩＰＳ様）

※link1とlink2は、スタイルシートですでに同じ名前が
　使われているときは、別の名前（半角英数小文字）に変更してください。
　先頭に .（ドット）がついているのでそれは消さないで下さいね。


そして次に手を加えるのが
【プラグインの設定】→最新記事＋コメントの【ＨＴＭＬの変更】
をクリックして出てくるソースの、この部分。
【カスタマイズここまで】と書かれているすぐ上にあるので
すぐに見つかります♪

var FMT_HEAD         = '<UL>';
var FMT_PARENT_HEAD  = '  <LI style="text-align:left">';
var FMT_PARENT_BODY  = '    <span class="link1">%ENTRY%</span> %EXTRA%';
var FMT_COMM_HEAD    = '';
var FMT_COMM_BODY    = '    <BR />├ <span class="link2">%COMMENT%</span>';
var FMT_COMM_TAIL    = '';
var FMT_PARENT_TAIL  = '  </LI>';
var FMT_TAIL         = '</UL>';
var FMT_PARENT_BODYL = FMT_PARENT_BODY;
var FMT_COMM_BODYL   = '    <BR />└ <span class="link2">%COMMENT%</span>';

緑の字の部分（赤字＆青字含む）を追加してください。

※スタイルシートのところでlink1とlink2の名前を変更している場合は、
　変更したものと同じ名前にして下さい。
　ココに書くときはスタイルシートのところに書いた
　先頭の .（ドット）はつけないで下さいね。


と・・・まあ、こんな感じでリンク色の変更が出来ます♪

テンプレを変更した時にはスタイルシートに付け加えた部分を
新しいテンプレのスタイルシートにコピペして
新しいテンプレに合わせて｛　｝内の色等を変更をすれば
(｡´･ω･)ｏおっ（｡｀･ω･)=ｂけ?♪

興味があったらお試しくださいね(*￣∇￣*) エヘヘ

コレはですね・・・

ページの途中にジャンプするために
ココに飛んできてちょうだい！
とコメント部分に目印となる名前をつけなければならないんです。
その名前が、コメントしてくれた人の名前をクリックした時に
ココにジャンプするよ?！っていう名前と
同じ名前でなければならないのです。

で・・・実際にどこに何を付け加えるかですが・・・
管理画面の【テンプレートの設定】で
今使っているテンプレート（旗がついている）の
【編集】をクリックすると【HTMLの編集】画面が出てきます。

その中から<!--comment-->と言うところを探します。
そのすぐ下に↓の赤い字を（コピペでＯＫ）加えてください。
この赤い字が上で説明した
ココに飛んできてちょうだい！の目印なのです。

<!--comment-->
<a name="comment<%comment_no>"></a>

コレだけでＯＫなはずです。
是非お試しくださいね?(*^m^*) ムフッ



ところで・・・はずって何なの？
って気になりますよね・・・ならない？（笑）
私はちょこっとだけ違うやり方なのですよ(*￣m￣) ププッ

<a name="comment<%comment_no>">★</a>

★は、各コメントの一番最初（１行目）にあるもの。
今のこのＢＬＯＧテンプレの場合、コメントの一番最初にあるのが
コメントのタイトルなのでタイトル部分を目印にしています。

そんな訳で★の部分には
<%comment_title>
が入っているのです(*￣ー￣)b

もしもコレがコメントを書いた人のお名前なら★の部分は
<%comment_name>

アイコン等の画像なら
<img scr="画像のＵＲＬ"・・・>

などと、テンプレートによって違ってきます。
それがソースを見てわかるならいいのですが
わからない方もいると思うので上の説明では簡単にしてみました。

ちなみにＨＰと違ってＢＬＯＧは
<%comment_title>　や　<%comment_name>
のような独自のタグをたくさん使っています。
この独自のタグは【HTMLの編集】のところの右上に
【テンプレート中で使える変数一覧】がありますので
そこで確認することが出来ます。

何を苦労したのかと言うと・・・

コメントをくれた方の名前クリックで
その方のコメント部分に飛べるようにするのに
かなりの時間がかかりました?（;￣ー￣A あせあせ
プラグインのＪａｖａＳｃｒｉｐｔで
コメントをくれた方の名前にリンクを貼ってあるところを探して
そのリンクの名前をテンプレのコメント部分に埋め込む。
たったそれだけなのになかなかうまく行かず（;￣ー￣A あせあせ

かなり苦労して何とか出来ました(*￣∇￣*) エヘヘ
ものすご?く苦労して色々と試したのに結局は
最初にやった状態でＯＫなのに、その記述に必要ない『 r 』が
入っていたばかりにきちんと出来ていないだけだったの。
無駄な苦労をしましたわ?ヾ（＠＾▽＾＠）ノ わはは

そんな訳で、今度からお返事を読んでくれるときに
【min(’-’*) お返事♪】をクリックしてもらえれば
私の書いたお返事部分に飛びます♪

この機能はぜひともきちんと使えるようにしたかったの。
一番下にある新しいコメントにたどりつくまでの
スクロールが面倒なんだもの(〃￣ω￣〃ゞ エヘヘ
私、そうゆうところはおうちゃく者です(￣∀￣*)イヒッ

それと、このプラグインを使うと
記事のタイトル部分にもコメントしてくれた方のお名前にも
リンクが貼られるので、全部同じ色になってしまって
最新記事とコメントの区別がつきにくい・・・。
しかも、このＢＬＯＧの基本リンク色は薄いブルー。
目がチカチカしました（￣▽￣;）

そんな訳で、リンク色も設定して
最新記事のタイトル部分は黒字＋ピンクの背景色。
コメントしてくれた方のお名前の部分は黒字。
どちらもマウスを合わせると背景色が薄いブルーになります♪
見やすくていい感じ。自分では気に入ってます(￣▽￣*)ゞエヘ

こうなると、リンクのところとか色々気になりだした・・・。
何かツリー表示用の別のプラグイン探したいな?。
テンプレいじり始めるとそんな感じで
止まらなくなるのです?(≧∇≦)/ ハハハ

でも、今夜はテンプレいじりはしないで森にＩＮするぞ?！！
開門もしたいし、遊びにも行きたいしね（￣ー￣）ニヤリ