»» 一括応援ボタンの作り方

2010年5月20日 | ブログテクニック | コメントする |

複数のランキングに参加していると、応援していただく方に全部押してもらうのは気が引けるものです。

そこで、一つのボタンを押せば参加しているランキングを一度に開ける、一括応援ボタンの作り方をご紹介します。
但し、IE(インターネット・エクスプローラー)でこのスクリプトを働かせる為には、ポップアップブロックの解除など、面倒な設定がありますのでここでは省略させていただきます。
それ以外のブラウザでは、今の所立派に機能が働いています。
※参加サイトによってはスクリプトの使用を禁止しているところがあります。
≫ご利用の際はデザインの制約があり表示も比較的遅いIE以外のブラウザへ変更することをオススメします。お気に入りなども簡単に移行できます。
⇒参照:ブラウザの特徴

以下は、参加ランキングが4つの場合です。

コードを原文表示»(別ページで開きます)
JAVA:
  1. <!--一括応援ここから-->
  2. <script type="text/javascript"
  3. var strUA =  navigator.userAgent.toLowerCase();
  4. function OpenWin()
  5. {
  6. if(strUA.indexOf("msie") != -1)
  7.     {
  8. document.getElementById('Ranking01').click();
  9. document.getElementById('Ranking02').click();
  10. document.getElementById('Ranking03').click();
  11. document.getElementById('Ranking04').click();
  12.     }
  13.     else
  14.     {
  15. win=window.open("ランキングその1のURL","_blank"); /* ランキングその1*/
  16. win=window.open("ランキングその2のURL","_blank"); /* ランキングその2*/
  17. win=window.open("ランキングその3のURL","_blank"); /* ランキングその3*/
  18. win=window.open("ランキングその4のURL","_blank"); /* ランキングその4*/
  19.     }
  20. }
  21. </script>
  22. <a href="javascript:OpenWin()" title="このボタンで一括応援できます!">
  23. <img src="ボタンのURI" border="0" alt="一括応援ボタン" /></a>
  24. <a id="Ranking01" href="ランキングその1のURL" target="_blank">ランキングその1</a><br />
  25. <a id="Ranking02" href="ランキングその2のURL" target="_blank">ランキングその2</a><br />
  26. <a id="Ranking03" href="ランキングその3のURL" target="_blank">ランキングその3</a><br />
  27. <a id="Ranking04" href="ランキングその4のURL" target="_blank">ランキングその4</a>
  28. <!--一括応援ここまで-->

  • 先ず、上のコードをコード表示の左上にある「コードを原文表示」をクリックして原文を表示し、中味を全てメモ帳などにコピーします。
  • コピーしたコードの「ランキングその1のURL」から順番に該当URLに変えます。
    その右の「ランキングその1」は「ブログ村」などと、何のランキングか分かるように変えます。
    例)win=window.open("http://diary.blogmura.com/hitorigoto/","_blank"); /* ブログ村*/
  • 4つまではこれを繰り返し、4つ以下なら余った
     
    document.getElementById('Ranking0X').click();

    および

    win=window.open("ランキングそのXのURL","_blank"); /* ランキングそのX*/

    および

    <a id="Ranking0X" href="ランキングそのXのURL" target="_blank">ランキングそのX</a>

    を削除します。

  • 出来上がったら一括ボタンの<!--一括応援ここから-->~<!--一括応援ここまで-->を入れたいサイドバナー(ウィジェット)や記事の下など、表示させたい場所にペースト&保存して完成です。

5つ以上作る場合は、

document.getElementById('Ranking0X').click();

をコピーして増やし、その数だけXの所を5,6,7・・・と書き直してください)

win=window.open("ランキングそのXのURL","_blank"); /* ランキングそのX*/


<a id="Ranking0X" href="ランキングそのXのURL" target="_blank">ランキングそのX</a>

もその数だけコピーし、「ランキングそのXのURL」と「ランキングそのX」を変えます。

ボタンは⇒ボタンを自動で作る方法からどうぞ!


タグ: ,

にほんブログ村ひとりごと 一括応援Co.ComとこがFuji一括応援ボタン blogram投票ボタン
人気ブログランキングへ
応援ありがとうございます!
応援のお礼について。
おきてがみ


»» ボタンが自動作成できるサイト

2010年5月19日 | ブログテクニック | コメントする |

早咲きの梅さんに教えていただいた「ボタンが自動作成できるサイト」のご紹介です。

このブログの

一括応援ボタン

もそちらで作成しました。

やり方は、ButtonMakerにアクセスし、サイズ・背景色・枠線・背景ライン・ボタンに入れる文字や数値を指定するだけで簡単にクリックボタンやタイトルバナーが作れます。

入力してから右上の「CREATE」というボタンがあるので、それを押せば作成したボタン画像が表示されるので、「名前を付けて画像を保存」すればOKです。


タグ: ,

にほんブログ村ひとりごと 一括応援Co.ComとこがFuji一括応援ボタン blogram投票ボタン
人気ブログランキングへ
応援ありがとうございます!
応援のお礼について。
おきてがみ


↑シックスコアは50Gの
大容量でなんと破格の
¥1.890(月額)
国内高速166Gb(BB)。
当ブログもシックスコア
を使用しています。

富士山コーナー

富士山スケッチ
四季折々の富士山の動画がお楽しみいただけます。※初めに少しだけ音が出ます

Chakkiri ~仮面の夢~
世界的吟遊アーティスト「チャッキリ」が綴(つづ)る映像メッセージとは?

富士山何でも調べ隊
富士山について知りたいと思った事を気ままに調べたリンク集。


次のページ    このページの先頭へ⇑

  • BBFujiロゴ RSS コメントRSS
  • 背景変化
    変わらない時はF5キー

  • Translator

  • Auther:Fujichan
    ↓Click me!
    icon_fujichan
    民放TVカメ記者を経て、ITコンテンツ制作会社「BBFuji」設立。お酒と音楽をこよなく愛し、ガンコながらも涙もろい人情派!・・・と自分では思ってます。
    ご意見、ご感想をどうぞ!
  • 最近の投稿

  • 最近のコメント

  • おすすめコーナー

  • おすすめリンク

  • フラッシュコンテンツ

  • Community parts

    edita
    logoole

  • タグクラウド