<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript" src="http://blog-imgs-29.fc2.com/h/k/d/hkdesign/CustomRssReader_Ver0100-min.js" charset="utf-8"></script>
<script type="text/javascript">
<!--
var rssList = new Array();var sort;var rssItemLimit;var displayItem = new Array();var titleLength;var descriptionLength;var dateFormat;var effectSpeed;var newmark = Array();var thumnail = Array();

/***** javascriptのカスタマイズはここから ******/

//【読み込みたいRSS】
//　categoryを画像URLにすると画像が表示
rssList.push({ url: "http://www.nicovideo.jp/ranking?rss=2.0", category: "ニコニコ" });

//【何を表示するか】
//　"title" "category" "date" "newmark" "bookmark"から選択可能
displayItem = {0: "title", 1: "date"};

//【ソート方法】
//　nameは"title" "category" "date" "newmark" "bookmark"から選択可能
//　toは"down"（降順） "up"（昇順）から選択可能
sort = {"name": "date", "to": "down"};

//【各RSSの記事数】
rssItemLimit = 3;

//【タイトルの文字数】
titleLength = 30;

//【要約の文字数】
//　要約とはマウスオーバー時の記事本文
descriptionLength = 60;

//【日付の形式】
//　{Y2}　下2桁の年
//　{Y4}　4桁の年
//　{M}　 月
//　{ME}　英語の月
//　{D}　 日
//　{h}　 時
//　{m}　 分
//　{s}　 秒
//　{y}　 曜日
//　{yE}　英語の曜日
dateFormat = "{M}/{D}({y}) {h}:{m}";

//【アニメーション実行時間】
//　単位は秒
//　長くすると環境によっては重たくなります
effectSpeed = 0.3;

//【Newマーク】
//　displayItemでnewmarkを設定していないと機能しません
//　nameを画像URLにすると画像が表示
//　hourで今から何時間内の記事に対してマークをつけるか
newmark = {"name": "http://blog-imgs-29.fc2.com/h/k/d/hkdesign/newIcon01.gif", "hour": 24};

//【サムネイル表示設定】
//　マウスオーバーでサムネイルを表示するかどうか
//　modeの"on"　"off"から選択可能
//　sizeは"s" "m" "l"から選択可能
//　xとyは画像の設置場所それぞれマウスポインタからの設置座標
thumnail = {"mode": "off", "size": "s", "x": 0, "y": -100};

/***** javascriptのカスタマイズはここまで ******/

　$(document).ready(function(){ $("#CustomRssReaderArea").CustomRssReader({"rssArr" : rssList, "displayItem": displayItem, "sort": sort, "rssItemLimit": rssItemLimit, "titleLength": titleLength, "descriptionLength": descriptionLength, "dateFormat": dateFormat, "effectSpeed": effectSpeed, "newmark": newmark, "thumnail": thumnail }); });
-->
</script>
<style type="text/css">
<!--

/***** CSSのカスタマイズはここから ******/

#CustomRssReaderArea{
margin:0px;
padding:0px;
}
#CustomRssReaderArea div.crr_container{
/*ここのheightで高さを設定*/
height:300px;

overflow-x:hidden;
overflow-y:scroll;
padding-right:5px;
}
#CustomRssReaderArea div.crr_container ul.rssBox{
margin:0px;
padding:0px;
}
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList{
width:100%;
list-style:none;
list-style-image:none;
background-image:none;
padding:0px;
margin:0px;
}
/*　カテゴリーが入っている　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList span.crr_category{
}
/*　タイトルが入っている　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList span.crr_title{
}
/*　日付が入っている　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList span.crr_date{
display:block;
padding-bottom:2px;
text-align:right;
}
/*　Newマークが入っている　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList span.crr_newmark{
}
/*　ソーシャルブックマークのリスト　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList ul.crr_bookmark{
display:inline;
}
/*　はてブ・twitter・FaceBookが入っている　*/
#CustomRssReaderArea div.crr_container ul.rssBox li.rssList ul.crr_bookmark li{
display:inline;
margin:0px;
padding:0px;
background-image: none;
list-style:none;
}
/*　サムネイルのリスト　*/
#CustomRssReaderArea ul.thumnailBox li.crr_thumnail{
list-style:none;
padding:0px;
}
/*　サムネイルの画像　*/
#CustomRssReaderArea ul.thumnailBox li.crr_thumnail img{
border:1px solid #333333;
}

/***** CSSのカスタマイズはここまで ******/

-->
</style>
<div id="CustomRssReaderArea"></div>