ネットゲーマーの日々

-ネトゲ、ネコ、メガネ、FX、物欲

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • このエントリーをはてなブックマークに追加はてなブックマーク - スポンサーサイト  
  •  

2chまとめブログのRSS枠を作る方法


スクロールバー付ボックスを表示して2chまとめブログのRSS枠を作る方法

2chまとめブログの作り方
のテストページが出来ました。

スクロールバー付ボックスを表示して2chまとめブログのRSS枠を作る方法
RSSで配信されてくる新着記事が表示されている枠です
多くは左右のニ分割にして片方は相互RSSで片方はフリーのRSSを採用している
2chまとめブログが多いと思います






上は2chのまとめサイトによくあるRSS枠です

作るのに
凝ったプログラムは必要なく
基本的なタグと無料のRSSブログパーツで出来ます。

それでは2chのRSS枠を作る方法を紹介します。
今回の必要なものは

1、フレームのタグ
2、RSSブログパーツの設置方法

まずは枠から

<!-- ▼ここからコピー▼ -->
<div style="width:450px;height:100px;overflow:auto;background-color:#FFFFFF;scrollbar-arrow-color:#000;scrollbar-base-color:#ccc;border-top-style:groove;border-left-style:outset;border-bottom-style:groove">ここに文字を入れる</div>
<!-- ▲ここまでコピー▲ -->

表示するとこうなります↓
ここに文字を入れる
border-top-style:groove;枠上の線のスタイル
overflow:auto; スクロール指定 行数がheight:(高さ)を超えたらスクロールになります
指定の高さに達しないとスクロールバーは表示されません
border-top-style:groove;border-left-style:outset;border-bottom-style:groove
枠が見えるように入れてありますので枠線無しにする場合は抜いてください

枠無しのタグはコチラ↓↓↓

ここに文字を入れる


改行
改行
改行


スクロールバーの色はIEでは反映されますが
FireFoxでは反映されませんでした


次は中に入れるRSSのブログパーツです

このサイトで使っているのは
ドリコムRSS
です
こちらは広告の位置を下だけに表示できます
枠を使用した際広告を完全に隠せるので
デザイン的に綺麗に出来ると思います。

もう一つ
あやぽんRSS β版
はビジュアル的にリンクを表示させたい時に使用できます。
↓↓↓
web036.jpg
ラグナロクオンラインNEWS
↑コチラのサイトであやぽんRSSを使用しています。
ちょっと手間が掛かりますがリンク画像を
オリジナルで作って仕上げるとやりきった感があります。

最初はドリコムでRSSリストを作ることをオススメします
途中あやぽんでRSSリストを作りたくなった際、
ドリコムでエクスポートしたRSSリストを
あやぽんでインポートすることができます

 
タグを入れる箇所は<body>タグの中に入れましょう
FC2ノウハウにも掲載されています
  • このエントリーをはてなブックマークに追加はてなブックマーク - 2chまとめブログのRSS枠を作る方法  
  •  
コメント

大変参考になりました。

ちなみに横に分割してrssを表示させる方法とかは、掲載してもらえないですかね?

例↓

rss rss
rss rss
rss rss

by: 貞子 * 2012/03/06 10:16 * URL | UP↑
Re: タイトルなし
> 大変参考になりました。
>
> ちなみに横に分割してrssを表示させる方法とかは、掲載してもらえないですかね?
>
> 例↓
>
> rss rss
> rss rss
> rss rss


こちらはRSSを二つに並べたものになりますので
枠を二つ設置し横に並べるCSS等を組まれると可能になります。
by: 奈良さん * 2012/05/19 14:39 * URL | UP↑

コメントの投稿







管理者にだけ表示を許可する

| ホーム |
Page Top↑

スポンサードリンク


ブログ内記事検索

人気ページランキング

最新記事

カテゴリ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。