黎明鬼テーマはあとは関連記事くらいかなといったところですが
オープンなところから引っ張ってこようかと思っていますがその前に
A Simple Related Posts Widget For Blogger - Helplogger
https://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html
こちらの通りなのですが、装飾過剰なので黎明鬼テーマ向けなどに修正
</head> 上に以下のコードを追加
<b:if cond='data:blog.pageType == "item"'><styletype='text/css'> #related-posts { margin: 15px 0px; } #related-posts h2 { font-size: 27px; font-weight: normal; color: #000; margin-bottom: 0.75em; } #related-posts a { font-size: 16px; color: blue; text-transform:capitalizenone; display:block; padding: 0px; text-decoration: underline; } #related-posts a:hover { } #related-posts a:active { color: red; } #related-posts ul { } #related-posts li { } </style> <scripttype='text/javascript'> var relatedpoststitle="関連記事"; </script> <scripttype='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}relatedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);} //]]> </script></b:if>
CSSはごっそり消して構わないと思うんですが(普通のリストになると思うので)
スクリプト部分は関連記事のところ以外はそのままです
<b:includable id='postQuickEdit' var='post'> でテンプレート内を検索
その上の </b:includable> の上に以下のコードを追加
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop>
Helplogger さんのリンクはコメントアウトしています(削除はせず残すのが精一杯)
そのまま使うのであれば、リンクはhttpsに変更を推奨




0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。