如何使用HTML在我的Tumblr網站上減少我的Twitter feed到我最近的3-5條推文？

正如您在my blog中看到的那樣，Twitter Feed顯示許多推文。我需要將這個數字減少到只有3至5條推文。我在HTML代碼下面發佈了一些內容，但是我可以看到任何像「limit」，「number」或類似的參數。事實是，我沒有太多關於編碼的知識，所以如果你能幫助我並告訴我必須補充什麼，我將非常感激。如何使用HTML在我的Tumblr網站上減少我的Twitter feed到我最近的3-5條推文？

.TWITTER { 
    overflow: hidden; 
} 

.TWITTER #tweets a, .TWITTER #tweets a:visited { 
    -khtml-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    background: #79a4ba; 
    color: #ffffff; 
    display: block; 
    margin: 4px 0; 
    padding: 10px; 
} 

.TWITTER #tweets .content { 
    color: #ffffff; 
    font-size: 11px; 
    font-weight: bold; 
} 

.TWITTER .TWITTER_bird { 
    background: url('http://static.tumblr.com/l3zugnz/204kvwebe/twitterbird.png') no-repeat 0 0; 
    height: 55px; 
    margin-top: -10px; 
    width: 200px; 
} 

.TWITTER .TWITTER_bird a, 
.TWITTER .TWITTER_bird a:visited, 
.TWITTER .TWITTER_bird a:hover { 
    display: block; 
    height: 55px; 
    width: 200px; 
}

來源

2013-09-26 ramiroaznar

在tweetstream中應該有一個選項來限制推文的數量。誠然，我真的不知道如何使用它自己，但一個選擇是使用CSS來隱藏第三個之後，所有其他的微博：

CSS：

#tweets a:nth-child(n+4) { 
    display: none; 
}

基本上這是什麼要說的是「選擇第四個以後的#tweets內的所有a，並隱藏它「。

See it in action here.

唯一的缺點是，並非所有瀏覽器都將支持這一點。所以IE的老版本（我認爲IE8以下的任何東西）仍然會顯示所有的推文。現代瀏覽器將會非常好。

來源

2013-09-26 09:14:49

指定多少鳴叫顯示，您可以修改recent_tweets功能：

function recent_tweets(data) { 
    var tweetsToDisplay = 4; 
    for (i=0; i <= tweetsToDisplay; i++) { 
     document.getElementById("tweets").innerHTML = 
      document.getElementById("tweets").innerHTML + 
      '<a href="http://twitter.com/ramiroaznar/status/' + 
      data[i].id + '"><div class="content">' + data[i].text + 
      '</div></a>'; 
     } 
    document.getElementById("twitter").style.display = 'block'; 
}

更改tweetsToDisplay到要顯示鳴叫的次數。

來源

2013-09-26 10:29:41 mikedidthis

如何使用HTML在我的Tumblr網站上減少我的Twitter feed到我最近的3-5條推文？

回答

相關問題