※特定のキーワードを含む記事に限定するオプションを追加！！
これにより単推しサイトにもご利用いただけるようになりました。
(→キーワードオプション指定方法は例７参照） << New!!
※以下のソースをあなたのホームページに貼るだけで
べり〜キュ→トと同じ最新ニュースが自動的に更新されます。
▼小窓フレーム型（推奨／→サンプルはこちら）
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=blue&c2=yellow&c3=green&c4=aqua&size=16&mark=●" name=topics width=340 height=212 marginwidth=10 marginheight=10 scrolling=no frameborder=0></IFRAME> |
▼HTML組み込み型（上級者向／→例８参照） << New!!
| <SCRIPT type="text/javascript" src="http://www.berry-cute.com/topic.cgi"></SCRIPT> |
赤文字の部分は自分のホームページのデザインに合うよう
カスタマイズできます！（自由に書き換えてください）
※属性解説
（上記ソースでは「[属性]=赤文字」になっています）
▼デザイン指定（標準）…HTML組み込み型では省略可能
[c1]…題字・日付・本文の文字色／見出しの背景色
[c2]…背景色
[c3]…リンクの文字色
[c4]…リンクにカーソルを合わせた時の文字色／見出しの文字色
[size]…文字サイズ（12〜18がお薦め）
[mark]…各見出しの頭に表示するマーク
※カラーは色名で指定してください。RGB記法には対応していません。
※HTML組み込み型の場合、マーク以外は詳細ページにのみ適用されます。
▼オプション指定…省略可能
[title]…タイトル（→例５参照）
[key]…キーワード指定（|で区切って複数指定可／→例７参照） << New!!
[list]…表示する記事数（通常8） << New!!
▼ボックスの指定
[width]…表示部の幅 ※([size]x20)+([marginwidth]x2)以上で設定。
[height]…表示部の高さ ※([size]x12)+([marginheight]x2)がオススメ。
[marginwidth]左右の余白の幅
[marginwidth]上部の余白の幅
例１：上記のまま記述すると下のように表示されます。
例２：表示位置を変えることもできます。
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=red&c2=black&c3=yellow&c4=white&size=12&mark=≫" name=topics width=248 height=140 marginwidth=2 marginheight=2 scrolling=no frameborder=0 align=right></IFRAME><br>ページの右側に表示します。 |
…と記述すると下のように表示されます。
ページの右側に表示します。
例３：ページに完全に同化させたい場合は…
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=black&c2=【ここにページの背景色を色名で指定】&c3=maroon&c4=yellow&size=16&mark=※" name=topics width=330 height=192 marginwidth=0 marginheight=0 scrolling=no frameborder=0></IFRAME> |
…と記述すると下のように表示されます。
例４：背景に画像を指定することもできます。
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=navy&c2=url('http://【ここに画像のＵＲＬを記述】')&c3=deeppink&c4=hotpink&size=14&mark=从；’ｗ’)＜" name=topics width=380 height=172 marginwidth=10 marginheight=6 scrolling=no frameborder=0></IFRAME> |
…と記述すると下のように表示されます。
例５：ニュースタイトルを変更することもできます。
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=white&c2=deeppink&c3=yellow&c4=teal&size=15&mark=▼&title=【表示したいタイトルを記述】" name=topics width=312 height=180 marginwidth=4 marginheight=3 scrolling=no frameborder=0></IFRAME> |
…と記述すると下のように表示されます。
例６：幅が足りない時はwidthを半分に…
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=deeppink&c2=white&c3=orange&c4=yellow&size=13&mark=◆&list=5" name=topics width=150 height=200 marginwidth=4 marginheight=4 scrolling=no frameborder=0></IFRAME> |
…と記述すると下のように表示されます。
≪補足説明≫
必然的に縦の長さが2倍必要になるので、
縦の長さや記事表示数を変えて
デザインに合うよう調整してください。
例７：関係のないニュースを除外する。 << New!!
…keyオプションを使うと特定のキーワードを含む記事のみ抽出します。
キーワードを複数指定する場合「|(半角)」で区切っていくつでも指定できます。
日本語の文字列にはシステムとの相性でうまくいかないものがあります。
| <IFRAME src="http://www.berry-cute.com/view.cgi?c1=green&c2=khaki&c3=black&c4=yellow&size=12&mark=＠&key=嗣永桃子|Berryz&list=14" name=topics width=240 height=230 marginwidth=6 marginheight=6 scrolling=no frameborder=0></IFRAME> |
…と記述すると下のように表示されます。
例８：HTML組み込み型を使う。 << New!!
| <SCRIPT type="text/javascript" src="http://www.berry-cute.com/topic.cgi?c1=crimson&c2=pink&c3=maroon&c4=white&size=16&mark=从*´ ο｀ﾘ＜&key=ともいき|能登有沙|のっち&title=のっちニュース"></SCRIPT> |
…と記述すると下のように表示されます。
※ページHTMLの設定およびスタイルシートが適用されます。
タイトル部分に「topics」、著作権リンクに「bericue」、
記事リストに「list」のclass属性をそれぞれ割り当てていますので
色などを個別にスタイルシートで指定していただく事ができます。
さぁ、あなたのホームページにも最新ニュースを！
| 
