FC2blogの着せ替えブログ

FC2ブログランキングの入れ方についてのお問い合わせがありましたので、記事にしてみますね。

こちらについては、散々、FC2ブログユーザーフォーラムで既出なのですが、テンプレートが違うと良く判らない等あるようなので、「FC2blogの着せ替えブログ」配布のテンプレートの場合、という事で、まとめてみます。

FC2ブログランキング用タグは、あらかじめご自身のFC2ブログランキング管理画面から、ランキングへのリンクタグを取得したり、利用したい画像をアップロードしたりして、用意しておきます。

▽テキストリンクの場合

<a href="http://blogranking.fc2.com/in.php?id=あなたのID" target="_blank">
テキスト
</a>

▽画像リンクの場合

<a href="http://blogranking.fc2.com/in.php?id=あなたのID" target="_blank">
<img src="アップロードした画像ＵＲＬ" width="XX" height="XX" border="0" />
</a>

FC2ブログランキングの記事への入れ方の続きを読む▽

リストマークの設定は、＜ul＞タグに対して、スタイルシート（ＣＳＳ）のほうで、スタイルを設定しています。
その、リストマークを無くしたり、リストマークに画像を使う事も出来ます。

やり方は、＜ul＞か＜li＞タグに対して、スタイルシートでリストマーカーに画像を設定しますが、こちらの場合、文字列と画像との間の間隔の調整しか出来ません。
したがって、文字の大きさ（高さ）と使いたい画像の大きさ（高さ）に差があったりした場合の、縦方向の微調整に難がありますので、＜li＞タグに対して背景画像を設定する、というやり方の方が良いのでは？と思いますから、こちらの方法で説明したいと思います。

まあ、どちらにせよ、ＰＣやＯＳやブラウザやその設定によって、文字の見え方はまちまちですから、あまり神経質になっても無駄なのですが(^^;)

【リストに背景画像を設定するやりかた】

リストマークに画像を使うの続きを読む▽

昨日、pcafeさんへお邪魔した時に、アナウンスがあったので、FC2blog Public Pluginsさんへお邪魔してきました。

こちらは、FC2共有プラグインの紹介サイトで、登録されている共有プラグインがきれいに分類されており、また、すべて、実際に見る事が出来ます。

自分の管理画面からの、共有プラグインのプレヴューは、使用しているテンプレートによっては、作者の方の意図した通りには表示されないものもありますので、大変便利ですね！

また、分類されていますから、自分が欲しい機能を備えたプラグインが探しやすくなっています。

ぜひ、訪れてみてくださいね。
おすすめです。

題名の通り、長いＵＲＬを記事中やサイドバーに入れると、カラムが崩れます（涙）
もちろん、大きな画像を入れると崩れる、というのは当たり前なのですが。

私のテンプレートですと・・・

ＩＥでは、長いＵＲＬが入った記事を表示させると、カラムが崩れ、サイドバーが落ちてしまいます。

Ｆｉｒｅｆｏｘでは、カラムは崩れませんが、長いＵＲＬ部分が、はみ出して表示されてしまいます。

Ｏｐｅｒａでは、ちゃんと折り返して表示されます。

（スレイプニルなどのほかのブラウザでは試していないので、良くわかりません。）

こちらの現象は、スタイルシート（ＣＳＳ）におまじないを入れると、回避できますが、カラムが崩れないかわりに、はみ出した部分が消えて表示されなくなります。

私はこのおまじないが嫌いなので（だって、カラムが崩れないと、そのまま消えた部分に気がつかない・・・なんて事もあるかも？）テンプレートには使っていませんが、気になる方は、スタイルシート（ＣＳＳ）に、以下のおまじないを書き足すと良いです。

例えば、私のテンプレートの記事部分ですと、以下のような感じ(^^;)の所です。（それぞれのテンプレートにより違います）

/* エントリー（１ブロック画像セット） */
.entry {
width: 380px;
background: url(画像ＵＲＬ) repeat-y 0px 0px;
background-color: #FFF;
margin: 0px;
padding: 0px;
}

上の部分の「｛」から「｝」の間なら、どこでも良いので、以下のおまじないを書き足します。

overflow: hidden;

同じように、このおまじないは、サイドバー部分にも使えますが、スタイルシート（ＣＳＳ）内の、widthの数値が設定されているブロック内でしか有効ではありません。

ですから、私のテンプレートですと、記事本体である「.entry_body」や「.entry_more」の中に入れても、効き目がありませんので、お気をつけくださいませ。

（私は、このおまじないが嫌いなのですが、今回、【heart-heart】３カラムテンプレートのサイドバー部分には入れてあります。なので、大きなプロフィール画像などを入れますと、画像が切れて表示されます。）

ブラウザのアドレスバーやお気に入りに、そのサイト独自のマーク（アイコン）が、表示される事がありますよね？
それが、ファビコンアイコンです。




ＦＣ２では、この、アイコンを自分のブログにアップロードして、自分のブログのテンプレートに記述する事によって、ファビコンアイコンを、相手のブラウザに表示させる事が出来ます。
（ただし、このアイコンが表示されないブラウザもたくさんあります。）

このアイコンは、自分で作る事も出来ますし、素材配布サイトさんでも、配布している所もありますので、そちらを利用しても良いでしょう。

アイコンは、自作する場合、普通のお絵描きソフトでは無く、アイコンやカーソルを作る為の専用ソフトが必要になります。
vectorや窓の杜などを利用されると良いと思います。
無料のものもありますし。

ファビコン素材配布サイトさんは、検索サイトで「ファビコン」や「お気に入りアイコン」などで検索すると出て来ます。

さて、では、ファビコンアイコンが用意できたら、以下の手順でテンプレートをカスタマイズします。

ファビコンを登録しよう！の続きを読む▽