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

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」を変えます。

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



タグ: ,

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


»» 豚蒲重の作り方

2010年5月14日 | おススメ情報 | 2 件のコメント |

家庭でもできる、本格豚蒲重の作り方

材料(2人前):
  • 温かいご飯(400g) 豚バラ薄切り肉(100g) 卵(2個分) しし唐辛子(4本)
      玉ねぎ(1/4個分) 青ねぎ(1本) 山椒粉(少々)
  • <調味材料1>
  • しょうゆ・酒 各(大さじ3/4) みりん(大さじ1/2) 砂糖(小さじ1/4)
  • <調味材料2>
  • だし汁(5/8カップ=125㏄) しょうゆ・みりん(各1/4カップ=50㏄)
      酒(大さじ2) 砂糖(小さじ1)
  • ※だし汁はだしの素2g(小さじ1)を、5/8カップ=125㏄のお湯に入れて溶かしたものでもOK!

    <仕込み>
  • 豚バラ肉(100g)は好みの大きさに。(切れていればそのままでもOK)
  • 玉ねぎは薄切りにしておく。
  • 青ねぎ(1本)は斜め輪切りに。
  • しし唐辛子(4本)はタテに各1本切れ目を作る。
  • 卵は溶いて器に入れておく。
  • <作り方>※3と5は省略可。
    • フライパンに<調味材料1>を入れて中火にかけ、煮立ったら豚肉を入れて肉を返しながら軽く火を通す。
    • 軽く火が通ったら豚肉を別の器に取り出し、さらにタレを弱火で煮詰める。
    • オーブンかオーブントースターにアルミホイルを敷き、目盛りを2~3分に合わせ、スイッチを入れておく
    • 汁気が少なくなったらしし唐辛子を入れ、焦がさないようにタレをからめ、しし唐辛子を取り出す。
    • 軽く火が通った豚肉にタレを少しからめ、オーブンに入れて表面にほんの少し焦げ目を入れる。
    • 鍋に<調味材料2>を入れて中火にかける。
    • 煮立ったら玉ねぎを加えて火を通す。
    • 火が通ったら豚肉を入れ、溶き卵を全体に流し入れて青ねぎを散らし、卵が半熟状態になったら火を止める。
    • 器に盛ったご飯に豚蒲を掛けて上にしし唐辛子をのせ、山椒を軽く振って出来上がり♪
    • ※3と5を省略しないほうが、より香ばしくおいしい豚蒲重が召し上がれます。
    豚蒲重
    写真は☆気ままに食べ歩き隊☆さんの写真を転載させていただきました。

    このレシピの内容はYahoo知恵袋(4人前)から一部アレンジして作成しました。



    タグ: , ,

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




    このページの先頭へ⇑

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

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

  • おすすめコーナー

  • おすすめリンク

  • オススメBGM

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

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

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