一括応援ボタンの作り方

2010年5月20日 | ブログテクニック | 6 件のコメント |

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

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

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

  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://blog.with2.net/link.php?915975/”,”_blank”); /* 人気ブログランキング*/
  • 4つまではこれを繰り返し、3つ以下なら余った
     
    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」を変えます。

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



タグ: ,

ブックマーク(お気に入り)登録はこちら⇒

ボタンが自動作成できるサイト 口蹄疫禍、風評被害の恐れ

「一括応援ボタンの作り方」に6 件のコメント

  1. のりちん さんのコメント: 2010年11月9日 13:16

    参考にさせていただきました。
    ありがとうございます。

    早速、設置しましたので
    またこちらにもお越しください。

    ⇒このコメントに返信

    fujichan からの返信: 2010年11月9日 13:37

    のりちんさん、コメントありがとうございます。
    一括ボタンは押す側も押される側も、便利で嬉しい機能ですよね!

    ⇒このコメントに返信

  2. たろけん さんのコメント: 2010年11月13日 09:25

    大変参考になりました。

    一括ボタンも押させていただきました^^

    ⇒このコメントに返信

    fujichan からの返信: 2010年11月13日 11:47

    たろけんさん、ありがとうございます。
    参考にして頂いたばかりでなく、一括応援までして頂き多謝です。(^-^)

    ⇒このコメントに返信

  3. わたげ さんのコメント: 2011年2月18日 00:04

    fujichanさま。

    丁寧な説明、、、とてもわかりやすく、一括応援ボタンを問題なく設置することができました♪

    ありがとうございました。

    一括ボタンで サポートさせていただきます(^-^)

    ⇒このコメントに返信

    fujichan からの返信: 2011年2月18日 00:08

    わたげさん、ありがとうございます。
    ブログ村など、ランキングサイトによっては、ID削除の対象になる場合がありますから気をつけて下さいね!

    ⇒このコメントに返信

コメントをどうぞ!

※下の画像の文字をキャプチャコードに入力してから送信ボタンを押して下さい。

*

blogram投票ボタン
左向き矢印 よろしければポチッとな♪



ボタンが自動作成できるサイト 口蹄疫禍、風評被害の恐れ

このページの先頭へ
  • BBFujiロゴ RSS コメントRSS
  • 背景チェンジ
    色んな富士山画像が楽しめます♪
  • エントリー

    blogram投票ボタン
    ランキングバナーはやめました。blogramなら、アマゾンギフト券ももらえますよ♪
  • Auther:Fujichan
    ↓Click me!
    アイコンfujichan→「風を感じて」
    民放TVカメラマン記者を経て、ITコンテンツ制作会社「BBFuji」を設立。
    音楽を愛し、ガンコながらも涙もろい人情派! ・・・と自分では思ってます。
    ご意見、ご感想をどうぞ!
  • おきてがみ

  • おすすめコーナー

  • おすすめリンク

  • オススメBGM

  • アメイジングコンテンツ

    五目並べ オセロ おみくじ
  • Community parts

    ツイッター
    blogram
    ブログランキング
  • タグクラウド