【 カスタマイズ可 】YOU!読者になっちゃいなよ!プラグイン - タイプライター風 | みけねこ家族とシュールなネタ帳

【 カスタマイズ可 】YOU!読者になっちゃいなよ!プラグイン - タイプライター風


【 修正履歴 】
2012.11.28
メッセージ、外枠等をカスタマイズ可能にしました。
カスタマイズ例のソースに一部間違いがあったので、修正しました。   




どもー、みけねこ(ニャ~♪)です。

読者登録をお願いするプラグインを公開致します。

$みけねこ家族とシュールなネタ帳-YOU!読者になっちゃいなよ!プラグイン1

文字がタイプライターを打つように表示されていきます。


旧ブログデザインでは、「このブログの読者になる(チェック)」リンクの下に表示されます。
新ブログデザインでは、最初のページナビの上、最後のページナビの下に表示されます。


最初に読者一覧をサイドバーに表示させてから、こちらのスクリプトをフリープラグインに貼って下さい。

<script type="text/javascript" src="http://www.3kcat.net/p/jquery.newsTicker-2.3.6.js"></script>
<script type="text/javascript" src="http://www.3kcat.net/p/reader.jsp?width=620&size=30&color=008000&bgcolor=FFA500&align=left"></script>


width ・・・ 表示エリアの幅(px)

size ・・・ フォントの大きさ(px)

color ・・・ 文字の色※

bgcolor ・・・ 背景の色※

align ・・・ 文字の表示位置
        left → 左から右へ表示されていきます
        center → 中央から左右へ表示されていきます


赤い文字をお好みで変更して下さい。



【 メッセージ、外枠等をカスタマイズする場合 】
$みけねこ家族とシュールなネタ帳-YOU!読者になっちゃいなよ!プラグイン

<script type="text/javascript" src="http://www.3kcat.net/p/jquery.newsTicker-2.3.6.js"></script>
<script type="text/javascript" src="http://www.3kcat.net/p/reader2.jsp?width=600&height=60&margint=10&marginb=20&padding=10&size=30&color=008000&weight=bold&style=italic&bgcolor=FFA500&align=left&bwidth=1&bstyle=outset&bcolor=008000&msg1=YOU! 読者になっちゃいなよ!&msg2=★☆読者登録はこちらをクリック!☆★"></script>


width ・・・ 表示エリアの幅(px)

height ・・・ 表示エリアの高さ(px)

margint ・・・ 表示エリアまでの上部の余白(px)

marginb ・・・ 表示エリアから下部の余白(px)

padding ・・・ 外枠から文字までの余白(px)

size ・・・ フォントの大きさ(px)

weight ・・・ フォントの太さ
        normal → 標準の太さ
        bold → 一般的な太字
        lighter → 相対的に一段階細くなります
        bolder → 相対的に一段階太くなります

style ・・・ フォントのスタイル
        normal → 標準フォント
        italic → イタリック体
             (フォントによってはイタリック体のないものもあります)

color ・・・ 文字の色※

bgcolor ・・・ 背景の色※

align ・・・ 文字の表示位置
        left → 左から右へ表示されていきます
        center → 中央から左右へ表示されていきます

bwidth ・・・ 外枠の幅(px)

bstyle ・・・ 外枠の種類
        (solid, double ,groove ,ridge ,inset ,outset ,dashed, dotted)

bcolor ・・・ 外枠の色※

msg1, msg2 ・・・ 表示されるメッセージ


赤い文字をお好みで変更して下さい。



※色はハッシュ( # )抜きの6桁のカラーコードで指定します。
こちらのものを参考にコピペして下さい。

 >> 色見本(カラーチャート) ナスカ特製


なお、このプラグインはjQueryを利用しているため、新ブログデザインでは、フリープラグインにおまじないを記述する必要があります。
いつも勉強させていただいている アメブロカスタマイズのわざめーばさん のこちらの記事をご覧ください。

 >> フリープラグインの先頭ではjQueryを使えるようにしておく

わざめーばさん、いつもありがとうございます (・∀・)


ご利用の際には、コメントを残していただけると嬉しいです。


不具合等あるかもしれません。
予告なしに配布を終了する場合もございます。
ご利用は自己責任でお願いします。

みけねこ(ニャ~♪)でした。



【 参考 】

タイプライター風に文字を表示する機能はjQueryプラグインの「jquery.newsTicker」を利用しています。

配布元はこちら >> MakeMineATriple