ブロガーの最新投稿URLを取得する方法

Question

最新の投稿へのリンクを含むブログの通知バーを使用します。問題は、何かを投稿するたびに手動で更新する必要があることです。ブロガーが何かを投稿するたびにそのリンクのURLを自動的に設定する方法はありますか？

Answer 1

フィードと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にはポストウィジェットがあります。 レイアウト>ガジェットを追加>注目の投稿にアクセスしてください。あなたがJavaScriptとJSONフィードを使用する場合は、最新の公表ポスト

を使用を有効にすることにより、あなたは、最新の投稿を表示するためにそれを使用することができ、あなたのリンク要素

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

には、この

のように見えます