Question

大家好，感谢您的阅读。

我正在为我的朋友乐队建立一个小的（一页）网站，并使用tumblr feed而不是news section。唯一的问题是，我是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>

有谁知道如何自定义输出以使日期出现在标题之前？

谢谢，约翰

Answer 1

我认为你需要破解谷歌脚本提供的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>

如何在网站上自定义tumblr Feed

2 个答案: