maruton's memorandum
ここはブログ作成時にやったことのメモや今まで作ったスクリプトなどをおぼえがき程度にまとめておくところ。
ページ
(移動先: ...)
ホーム
Blogger Tips
HTML Tips
Script
Windows Tools
OS Tips
IT日記
WordPress
Security
Other
★
プライバシーポリシー
▼
ページ
(移動先: ...)
暗号通貨でサポート
カルダノSPO
Amazonほしい物リスト
▼
2018年4月16日月曜日
[Blogger]ブログ内の投稿をランダムに表示するリンクを作成する
投稿記事を作成する画面で、「HTML」表示にして以下のスクリプトを貼り付け、「公開」します。
HTML
<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script>
<a href="#random" onclick="feelingLucky()" title="Random Post">Feeling Lucky?</a>
これで
Feeling Lucky?
というリンクができるので、クリックするとランダムに遷移します。
※ガジェットに貼り付けることも可能です。
0 件のコメント:
コメントを投稿
‹
›
ホーム
ウェブ バージョンを表示
0 件のコメント:
コメントを投稿