如何自定義網站上的tumblr訂閱源

我正在爲我的朋友樂隊建立一個小的（單頁）網站，並且正在使用tumblr Feed而不是新聞欄目。唯一的是，我是JS/JQuery的總新手。

我已經設法讓帖子顯示正常，但此時Feed會提取帖子標題，一些簡介和日期（按該順序）。因爲我想在標題之前顯示日期，所以我粗暴地使用一些CSS來移動標題上方的日期（位置：相對）。

到目前爲止，我有這樣的標題：

<script src="http://www.google.com/jsapi" type="text/javascript"> </script>

這在身體剛剛結束標記之前：

<script type="text/javascript"> 

google.load("feeds", "1"); 

     function OnLoad() {  
    var feedControl = new google.feeds.FeedControl();    
    feedControl.setNumEntries(3); 

    feedControl.addFeed("http://xxxxxxxxxx.tumblr.com/rss");    
    feedControl.draw(document.getElementById("recentPosts"));  
}   

google.setOnLoadCallback(OnLoad); 

</script>

有誰知道我怎麼可以自定義輸出，使該日期是在標題之前出現的？

感謝，約翰

來源

2012-06-01 user1430237

我認爲你需要破解由谷歌」腳本呈現的HTML;你可以嘗試使用jQuery來簡化操作。只記得

google.setOnLoadCallback(OnLoad);

來源

2012-06-01 08:48:36 Ras

感謝您的快速答覆。唯一的問題是我不知道該怎麼做！你能否細說一下？ – user1430237

後應用的變化可能是這樣的（未測試）：

<script language="Javascript"> 
google.load("feeds", "1"); 
function loadFeeds() 
{ 
    var feedControl = new google.feeds.FeedControl();    
    feedControl.setNumEntries(3); 

    var html; 
    var feed = new google.feeds.Feed("http://www.digg.com/rss/index.xml"); 

    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]; 

      html+=entry.date+"<p>"+entry.title+"</p>"+entry.description+"<br>"; 

      document.getElementById("feed").innerHTML =html; 
     } 
    } 
    }); 
} 
google.setOnLoadCallback(loadFeeds);  
</script>

來源

2012-06-01 10:18:57 Ras

如何自定義網站上的tumblr訂閱源

回答

相關問題