【 カスタマイズ可 】YOU!読者になっちゃいなよ!プラグイン - タイプライター風
【 修正履歴 】
2012.11.28
メッセージ、外枠等をカスタマイズ可能にしました。
カスタマイズ例のソースに一部間違いがあったので、修正しました。
どもー、みけねこ(ニャ~♪)です。
読者登録をお願いするプラグインを公開致します。
文字がタイプライターを打つように表示されていきます。
旧ブログデザインでは、「このブログの読者になる(チェック)」リンクの下に表示されます。
新ブログデザインでは、最初のページナビの上、最後のページナビの下に表示されます。
最初に読者一覧をサイドバーに表示させてから、こちらのスクリプトをフリープラグインに貼って下さい。
<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 → 中央から左右へ表示されていきます
赤い文字をお好みで変更して下さい。
<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 → 中央から左右へ表示されていきます
赤い文字をお好みで変更して下さい。
【 メッセージ、外枠等をカスタマイズする場合 】

<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 ・・・ 表示されるメッセージ
赤い文字をお好みで変更して下さい。
<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