FC2ブログのテンプレート工房

例えばリンクの下に表示させたい場合は、プラグインの設定、リンクの「設定の変更」「詳細」を開き、
下部に記載するプラグインの説明文プラグイン説明(下部) という所に次の記述を加えます。

<ul><li>
<a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=ブログID');">このブログをリンクに追加する</a>
</li></ul>

ブログIDというところを自分のブログIDに置き換えてください。ブログIDはURLに含まれているので、URLを見るとすぐにわかります。

http://ブログID.blog○○.fc2.com/

私の場合だと10plateがブログIDです。

これでリンクの下に「このブログをリンクに追加する」が表示されます。これがある位置によってはリンクされる確率が上がるかも知れませんね。

スタイルシートの何処でもいいので次の記述を加えます。

html {
scrollbar-base-color: #cc8080;
}

これだけで大まかな色の設定が出来るのですが、更に細かく細部の設定をすることも可能です。

html {
scrollbar-face-color: #cc8080; /* 表面の色 */
scrollbar-arrow-color: #000000; /* 矢印の色 */
scrollbar-3dlight-color: #990000; /* 外枠(上・左) */
scrollbar-darkshadow-color: #000000; /* 外枠(下・右) */
scrollbar-highlight-color: #ffffff; /* 内枠(上・左) */
scrollbar-shadow-color: #ffffff; /* 内枠(下・右) */
scrollbar-track-color: #ddc0c0; /* トラック(背景)の色 */
}

これでスクロールバーの色を設定することが出来ます。ただしIE系のブラウザしか有効になりません。

HTMLを編集します。

まず<!--▼コメント表示▼-->内で一箇所置き換えます。

【置き換え箇所】

<!--▼コメント表示▼-->
～
<SCRIPT LANGUAGE="JavaScript">
～
</SCRIPT>
～
<!--▲コメント表示▲-->

【置き換え後】

<!--▼コメント表示▼-->
～
<script type="text/javascript">
url="<%comment_url>";
if (url!="") document.write('<a href="'+url+'" target="_blank">URL</a>')
</script>
<%comment_mail+name>
～
<!--▲コメント表示▲-->

次に<!--▼コメント投稿▼-->内で一箇所置き換えます。

【置き換え箇所】

<!--▼コメント投稿▼-->
～
<label for="mail">サイト名:</label><br />
<script language="JavaScript"><!--
document.write('<input id="mail" type="text" name="comment[mail]" size="40" value="'+myGetCookie("web_name")+'" /><br />');
// --></script>
～
<!--▲コメント投稿▲-->

【置き換え後】

<!--▼コメント投稿▼-->
～
<label for="mail">メール:</label><br />
<input id="mail" type="text" name="comment[mail]" size="40" value="<%cookie_mail>" /><br />
～
<!--▲コメント投稿▲-->

これでメールアドレスにも対応したコメントリンクになりますが、実際にメールアドレスを入力することはお勧めしません。入力すれば自動収集ツールに拾われてスパムメールが送られてきます。

あまりお薦めのカスタマイズではないので参考までに留めたほうが良いでしょう。

スタイルシートの何処にでもよいので次の記述を加えます。

/* 一行入力欄のスタイル */
input {
color:#ffffff; /* 文字の色 */
background-color:#000000; /* 背景の色 */
border:#cccccc 1px solid; /* 枠の色・幅・スタイル */
}

/* コメント入力欄のスタイル */
textarea {
color:#ffffff; /* 文字の色 */
background-color:#000000; /* 背景の色 */
border:#cccccc 1px solid; /* 枠の色・幅・スタイル */
}

これで各記入欄のスタイルを変えることが出来ます。お好みの色になるように数値を設定してください。

スタイルシートの一番下に次の記述を加えます。

【 standard の場合 】

/* 記事に掲載する画像に枠を付ける*/
.article img{
margin:0px 3px 0px 0px;
padding: 3px;
background: #ffffff;
border-right: #999999 1px solid;
border-bottom: #999999 2px solid;
}
img.emoji {
padding: 0;
margin:0;
background: #ffffff; /* ここには背景と同じ色を設定 */
}

【 lightframe の場合 】

/* 記事に掲載する画像に枠を付ける*/
.ently_text img{
margin:0px 3px 0px 0px;
padding: 3px;
background: #ffffff;
border-right: #999999 1px solid;
border-bottom: #999999 2px solid;
}
img.emoji {
padding: 0;
margin:0;
background: #ffffff; /* ここには背景と同じ色を設定 */
}

そして最後にHTMLの一番上にある
<?xml version="1.0" encoding="euc-jp"?>
これを削除してください。
(IEにはこの記述があるとimgのpaddingが効かないというバグがあるのです)

これで記事に掲載する画像に立体的な枠が出来ます。

HTMLを編集します。
<h1>～</h1>で囲まれている部分を下記記述に置き換えてください。

<h1>

<script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";
images[1] = "画像２のURL";
images[2] = "画像３のURL";

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');
</script>

</h1>

これでタイトル画像がランダムに表示されます。
もしタイトル以外の画像をランダムにかえたければ
<a href="<%url>" title="<%blog_name>" alt="<%blog_name>">
</a>
この部分を削除してください。

タイトル画像を３つ、タイトル背景を３つ用意しておくと
３x３=９パターンと一気にバリエーションが増えますね。

【2009/11/27 追記】

ブログタイトルにシングルクォーテーション「'」が含まれると機能しません。タイトルからこれを除くか、またはjavascriptの以下の赤い部分を削除してください。

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');

【続きを閉じる】を無くす方法

HTMLにある下記箇所の青い部分を削除してください。これで【続きを閉じる】が消え、一度開くと閉じられません。Ctrlキーを押しながらFを押すと検索が出来ます。【続きを閉じる】で検索するとこのソースがすぐ見つけられると思います。

<!--▼ エントリー（記事）▼-->
～
<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
<%topentry_more>
</div>
～
<!--▲ エントリー（記事）▲-->


【続きを閉じる】を文末に移動させる、または現状と文末の二つに表示させる

青い部分を赤い部分にコピーすると、現状と文末の二箇所に【続きを閉じる】を表示させます。元の青い部分を削除すれば文末のみに表示されます。

<!--▼ エントリー（記事）▼-->
～
<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
<%topentry_more>
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
</div>
～
<!--▲ エントリー（記事）▲-->


追記を閉じると同時に記事先頭に戻る方法

追記がかなり長ければ、文末の【続きを閉じる】で閉じた場合は同時に記事先頭に飛んだほうが良いかも知れません。青い部分を削除すると記事先頭に飛びます。

<!--▼ エントリー（記事）▼-->
～
<div id="varXYZ<%topentry_no>" style="display: none">
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
<%topentry_more>
<div class="readclose">
<a href="#entry<%topentry_no>aa" title="続きを閉じる" onclick="showMore(<%topentry_no>,0);return false;">
【続きを閉じる】</a></div>
</div>
～
<!--▲ エントリー（記事）▲-->


記事の書き方、ボリュームは人それぞれです。使いやすいものを選んでカスタマイズしてください。

HTMLを編集します。

</SCRIPT>
<%comment_trip>
[ <a href="<%comment_edit_link>" title="コメントを編集する">編集</a> ]
～
<!--▲コメント表示▲-->

上記のところに<%comment_trip>の一行を加えるだけです。この箇所はstandard,lightframe共通です。

ちょっとマニアックなカスタマイズではありますが、気が向いた方はどうぞお試しください。

HTMLを編集します。
Ctrlキーを押しながらFを押すと検索できます。ソースの中からHOMEを検索してください。複数あると思いますがそのどれもが次の形をとっていると思います。

| <a href="<%url>" title="<%blog_name>">HOME</a> |

<%url>の部分を変更したいURLへ
<%blog_name>の部分をリンク先のサイトタイトルへ置き換えます。
HOMEもサイトタイトルへ置き換えてもいいかも知れません。

これでHOMEのリンク先が変わります。