フリープラグインを使ってスクロールバーが表示できる？

ご訪問ありがとうございます。
ブログランキングの応援
をして頂けると励みになります。

ここをクリックしてくださいね。
　　　　　　

FC2ブログランキング

今回は、スクロールバーの設置についてご質問を戴きましたので、
記事で取り上げますね。

ご質問：

CSSを使わずにアメブロにスクロールバーをつけることはできないんですか？
フリープラグインだとか.....

回答：

アメブロでスクロールバーをつけるには、
一般的には、CSSの編集画面を開いて、
そこへCSSを追加します。

例えば、記事の部分にスクロールバーをつけようと思ったら、
CSSは次のようになります。

.articleText {
height:200px;
overflow:auto;
}

この場合ブログでは、次のように見えます。

次に、フリープラグインを考えてみましょう。
次のようにフリープラグインに貼り付ければ、
同じように表示されます。

<style type="text/css">.articleText {height:200px;overflow:auto;}</style>

フリースペースでも上記のタグを入れると、
同じように表示できます。

また、スクロールバーに色を付けたい時は、
インターネットエクスプローラーのみ可能です。

次のサイトを開いてください。
↓↓↓
http://www.color-scrollbar.com/

そのサイトの中からお好きな色を選んで、
例えば下記の赤枠内のタグをコピーして
フリープラグインに貼り付けます。

今回は、下記のコードをフリープラグインに貼り付けてみました。

すると、下記の通りスクロールバーに色が付きました。

ただし、念のために言いますが、
色が付けれるのは、インターネットエクスプローラーのみですので、
ご注意ください。

あと気を付けないといけないことがあります。

それは文字制限です。

アメブロでは、
フリープラグインは半角文字で3,800文字、
フリースペースには半角文字で10,000文字
まで入力可能という文字数制限があります。

つまり、これらの文字数を超えて入力できないということです。
なんでもかんでもフリープラグイン等を使っていたら、
すぐに制限数を超えてしまいます。

結論は：

このようにフリープラグインとフリースペースには文字制限があるので、
なるべく使用しないようにしてCSSでできるものはCSSで設定したほうが
いいかもしれないですね。