Home > スポンサー広告 > FC2ブログでランダムに記事を表示するボタンを作りました

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

同じような記事を見に行きませんか?→スポンサー広告

Home > スポンサー広告 > FC2ブログでランダムに記事を表示するボタンを作りました

Home > 便利Tool > FC2ブログでランダムに記事を表示するボタンを作りました

FC2ブログでランダムに記事を表示するボタンを作りました

すごい昔に作ったがちゃがちゃエントリーのコードを直して、画像ボタンを作ったので公開してみようと思います。

FC2ブログだと結構過去のエントリーが埋もれちゃうので、こういったボタンがあると昔に書いたエントリーを誰かに見てもらう確率が上がりそうです。
自分のブログにこのボタンを付けるとついつい自分自身でクリックしまくっちゃう。
懐かしいと思える記事ばっかりなので、これもまた新鮮でした。

ボタンの種類



とりあえず作ったボタンは以下です。

pink.png


blue.png


yellow.png


green.png


red.png


brown.png


black.png


purple.png


gold.png


できればダウンロードしてご自分のFC2ブログにアップロードしていただけるとありがたいのですが、とりあえず使ってみたい人は「http://hisasann.com/img/pink.png」のようにボクのサーバーに置いてあるのをお使いください。

FC2ブログのテンプレートに貼付ける



以下のコードをFC2ブログの「テンプレートの設定」で適当なところに貼付けてください。
このブログではプラグイン内に記述しています。
もしかしたら貼付けてもうまく行かない場所があるかもしれないですが、だいたいの場所でOKだとおもいます。

<script type="text/javascript">
function gachaGachaEntry() {
var entryCount =<!--archive--> <%archive_count> +<!--/archive--> 0;
var selectnum = Math.floor(Math.random() * entryCount);
var entry = "<%url>" + "blog-entry-" + selectnum + ".html";
location.href = entry;
}

// ここに画像のパスを記述します
var src = "http://hisasann.com/img/pink.png";

document.write("<img src='" + src + "' alt='random entry' style='cursor:pointer;' onclick='gachaGachaEntry();' />");
</script>


画像の種類を変えたい場合は、

// ここに画像のパスを記述します
var src = "http://hisasann.com/img/pink.png";


という部分のURLを書き換えてください。
たとえば上記コードではデフォルト「pink.png」ですが、これを自分が作成した画像にしたい場合は

// ここに画像のパスを記述します
var src = "http://hogehoge.fc2.com/img/hogehoge.png";


のように書き換えて使ってください。

注意点



このコードではアーカイブの数から計算して、その中からランダムに抽出しているので過去に書いた記事でもすでに削除されていた場合は、空っぽのエントリーが表示されます。
あしからず。

お使いになるにあたって



好きに使っちゃってください。
面倒でなければコメントいただけたらうれしいです。
今後ちょいちょいボタンの種類なんかも追加していこうかな~と思っています。

■追伸:
文字ですが「Ramdom」だけでも良かったかも?

ガチャボタンを使っていただいたブログ



スポンサーサイト

同じような記事を見に行きませんか?→便利Tool

Home > 便利Tool > FC2ブログでランダムに記事を表示するボタンを作りました

DigitalGrounder.COM

海外のクリエイティブな音ネタや映像を配信しているニッチなボクのもう一つのブログです。
HouseTect

個人的な技術ブログ。 もうここ最近はJavaScript1本!
Blog Roll
What's This?
Counter :

Author : hisasann.com

lab : lab.hisasann.com

twitter : フォローミー

facebook : Hisa Yoshi


NoTechnoNoLife, フェティッシュな情報をあなたに
DigitalGrounder, クリエイティブな情報をあなたに
HouseTect, JavaScriptな情報をあなたに



description : このブログは海外のちょっと面白い画像や動画を紹介しているアンダーグラウンドブログです。
TechnoやHouseといった音のマッシュアップ系の動画なんかも紹介しています。

NoTechnoNoLife@テクノラティ

お便り、ネタ投稿などなど。
MailForm


track feed NoTechnoNoLife

Page Top

アクセスランキングブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。