出張パソコンサービス わいわいPC.

電話:090-3300-4121 メール:mail@y2pc.net

わいわいPC.ブログ

 

calendar

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  
<< May 2018 >>


 

categories


 

archives


 


 

ブログタイトルをRSSで:覚書

サイトの<head>〜</head>内に書き込む

<!-- 新着情報用 -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

//Google Feed Api
google.load("feeds", "1");

function initialize() {
var feed = new google.feeds.Feed("表示させたいRSSフィードのURL");
feed.setNumEntries(表示させたい件数);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = "0" + m;}
var d = dd.getDate();
if (d < 10) {d = "0" + d;}
var date = yearNum + "." + m + "." + d + " ";
container.innerHTML += "<li><span>" + date +" </span>" +" <a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></li>";
}
}
});
}
google.setOnLoadCallback(initialize);

</script>

<!-- /新着情報用 -->
 

サイトの<body>〜</body>内の表示させたい箇所に書き込む

<!-- RSS新着情報表示 -->
<ul id="feed"></ul>
<!-- /RSS新着情報表示 -->


styleで書式を整える

指定した長さの文字数を超えた場合省略させるCSS
#feed li{
   overflow:hidden;
   text-overflow: ellipsis;
   -webkit-text-overflow: ellipsis; /* Safari */
   -o-text-overflow: ellipsis; /* Opera */
   white-space: nowrap;
}
 

コメント
コメントする