如何在博客

Question

我为我的博客使用了一个通知栏，其中包含最新帖子的链接。问题是每次发布内容时我都必须手动更新它。博客是否有任何方法可以在每次发布任何内容时自动设置该链接的网址？

Answer 1

我们可以通过使用feed和JavaScript实现此目的。代码看起来像 -

<script>
 function recentPostLink(posts){
 var link = posts.feed.entry[0].link[4].href;
 document.querySelector('.recent').href = link; // The class present on anchor tag
 }
</script>
<script src='https://yourblogname.blogspot.com/feeds/posts/summary?alt=json&amp;max-results=1&amp;callback=recentPostLink' />

Answer 2

Blogger有精选的帖子小部件。转到布局＆gt; 添加小工具＆gt; 精选帖子。您可以通过启用使用最新发布的帖子

来使用它来显示最新帖子

如果您想使用javascript和json feed，请将下一个代码放在link元素

之后

<script>
//<![CDATA[
    function recent(json) {
        var element = document.querySelector('.link');
        element.innerHTML = json.feed.entry[0].title.$t;
        element.href = json.feed.entry[0].link[4].href;
    }
//]]>
</script>
<script src='/feeds/posts/default/?alt=json-in-script&amp;callback=recent&amp;max-results=1'/>

Answer 3

使用此脚本

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "Enter your blog url here";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-3.css" /></div>

看起来像这样