如何在网站上自定义tumblr feed

Question

嗨，人们，谢谢阅读。

我正在为我的朋友乐队建立一个小型的（一页纸）网站，并且正在使用tumblr供稿而不是新闻栏目。 唯一的是，我是JS / JQuery的新手。

我设法使帖子显示的很好，但此时此提要拉动了帖子标题，一些简介和日期（按该顺序）。 因为我想在标题之前显示日期，所以我粗略地使用一些CSS将日期移动到标题上方（位置：相对）。

到目前为止，我在标题中有以下内容：

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

而这在封闭body标签之前的body中：

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

有谁知道我可以自定义输出，以便日期早于标题？

谢谢，约翰

Answer 1

我认为您需要破解Google脚本呈现的html； 您可以尝试使用jquery来简化操作。 请记住，在

google.setOnLoadCallback(OnLoad);

Answer 2

可能是这样的（未经测试）：

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